CSS3 DOS闪动光标动画

实现原理,很简单,定义动画,循环执行,透明度0~1,就有效果了。

看看下面的效果吧

C:\wwwroot\home\yefngs>_

实现的代码

<code>
<p>C:\wwwroot\home\yefngs><span class="dos">_</span></p>
<style type="text/css">
.dos{ -moz-animation:dos  1s infinite;
     -webkit-animation:dos 1s infinite;
      }
 
@-moz-keyframes dos
{
        0%   { opacity:1;}
        
        100% {opacity:0}
}
@-webkit-keyframes dos
{
        0%   { opacity:1;}
        
        100% {opacity:0}
}
</style>
</code>

0 thoughts on “CSS3 DOS闪动光标动画
添加一条新回复 回到顶部

亲爱的,主人已经关闭了这篇文章的评论 。