功夫码

css实现变色动画代码

晓峰 时间:2023-05-23 15:34:57 阅读:249
--------------------------------------------------------- Ta 只分享的内容开始 ---------------------------------------------------------------------

css实现变色动画代码

.bianse{
    cursor: pointer;
    -webkit-animation: mymove 5s  infinite;
    -moz-animation: mymove 5s  infinite;
    -o-animation: mymove 5s  infinite;
    animation: mymove 5s  infinite;
}
@keyframes mymove
    {
    0% { 
        /*background:rgba(255,0,0,1);*/
        color: #fff;
    }
    50% {
         /*background:rgba(255,0,0,0);*/
         color: #10bbb8;
        }
    100% {
         /*background:rgba(255,0,0,1);*/
         color: #fff;
        }
}

html部分

<div class="bianse">变色代码</div>


--------------------------------------------------------- Ta 只分享了这些内容 ---------------------------------------------------------------------

本文来源:功夫码(gongfuma.com)
声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有。
未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

  • 回到顶部