当前第2页 返回上一页
在这个案例中需要使用到CSS3中的animation动画属性，通过设置动画属性的值来规定动画执行的时间以及在动画过程中的透明度变化的设计
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <style>
.box
{ -webkit-animation:box 5s infinite;
-webkit-animation-fill-mode: both;
}
@-webkit-keyframes box
{
from
{
opacity: 0;
}
to
{
opacity: 1;
}
}
</style>
</head>
<body>
<div class="box">
<img src="images/jiantou.png">
</div>
</body>
|
效果图如下：
总结：以上就是本篇文章的全部内容了，希望对大家的学习有所帮助。
以上就是如何设置CSS样式中的透明度的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css背景图片怎么设置透明度渐变
css中的透明度属性是什么
css怎么设置透明度的颜色
css中更改透明度的属性是什么
html5 canvas绘制时指定颜色与透明度的方法
css如何设置图片透明度
html img图片怎么设置透明度
css中的透明度该怎么设置
opacity属性怎么用
css如何设置透明度不会影响子元素
更多相关阅读请进入《透明度》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 如何设置CSS样式中的透明度
