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>