CSS
> .slidemeta {
> display: none;
> right:0;
> position: absolute;
> font-size: 14px;
> color: #ccc;
> font-family:arial
> }
>
> h1:hover .slidemeta{
> display:block;
> -webkit-animation:slide .8s ease-in;
> -webkit-animation-fill-mode:forwards;
> -moz-animation:slide .8s ease-in;
> -moz-animation-fill-mode:forwards;
> }
> @-webkit-keyframes slide{
> 0% { right:410px; opacity:0;}
> 70% { right:0;opacity:0.7}
> 100% { opacity:1;right:85px;}
> }
> @-moz-keyframes slide{
> 0% { right:410px; opacity:0;}
> 70% { right:0;opacity:0.7}
> 100% { opacity:1;right:85px;}
> }
HTML
<h1><div class="slidemeta">文字</div><h1>