2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html中加载gif图片 使用CSS3实现动态加载gif图片的效果

html中加载gif图片 使用CSS3实现动态加载gif图片的效果

时间:2020-10-25 16:52:37

相关推荐

html中加载gif图片 使用CSS3实现动态加载gif图片的效果

css代码:

.glyphicon-refresh-animate {

-animation: spin .7s infinite linear;

-ms-animation: spin3 .7s infinite linear;

-webkit-animation: spin2 .7s infinite linear;

-moz-animation: spin4 .7s infinite linear;

}

/* Safari 和 Chrome */

@-webkit-keyframes spin2 {

from { -webkit-transform: rotate(0deg);}

to { -webkit-transform: rotate(360deg);}

}

@keyframes spin {

from { transform: scale(1) rotate(0deg);}

to { transform: scale(1) rotate(360deg);}

}

/* IE9以上 */

@-ms-keyframes spin3 {

from { -ms-transform: scale(1) rotate(0deg);}

to { -ms-transform: scale(1) rotate(360deg);}

}

/* Firefox */

@-moz-keyframes spin4 {

from { -moz-transform: rotate(0deg);}

to { -moz-transform: rotate(360deg);}

}HTML代码:

在IE11、火狐、谷歌上面测试通过。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。