css代码|图片闪动或者某个标签闪动(css实现图片闪烁动画)
时间:2022-02-06 23:25:31 阅读:1577
<header class="zshaowl">
<div class="zshao vip">
<!-- 内容放下面 -->
<div class="zhankr_slogin_btn">
<a class="more fr" href="https://www.fuzhufakawang.com/pc/zjgg/14.html">点击应用</a>
</div>
<div class="zhankr_slogin_qq">
</div>
<!-- 内容放上面面 -->
</header>
<style type="text/css">.zshaowl { position: fixed; bottom: 0; left: 0; right: 0;
/* 决定了搜索框置顶 */ height: 70px; padding: 0 10px;/* 模块大小 */ background-color: #(0-255)000000 ;/* 模块底色 */
opacity: 9.8; /* 透明效果设置 */
z-index: 10;}
.zshao.vip { height: 60px; padding: 7px 0;opacity: 9.8; /* 模块大小 */
text-align: center;/* 居中 */}
.zhankr_slogin_btn { display: inline-block; line-height: 40px; height: 40px; margin: 0 8px;color: #fff !important;}
.zhankr_slogin_btn a { display: block; background: #ec2546; color: #fff; padding: 0 30px; border-radius: 3px; font-size: 16px; border-radius: 5px;}
.zhankr_slogin_qq { border-radius: 10%; display:inline-block !important; zoom:1; display:inline; line-height:40px; height:40px; margin:0 8px; white-space: nowrap;color: #fff; margin-right: 3px;}
.zhankr_slogin_qq a { display: block; color: #fff; padding: 0 30px; border-radius: 3px; font-size: 16px; background:
</style><!--另外一个分割-->
<style type="text/css">
/* css代码 */
.zshaowl {undefined
/*width: 300px; */ /* 宽度 */
/*height: 300px; */ /* 高度 */
/*border:#666 1px solid;*/
/*border-radius:50%;*/
opacity: 0.1; /* 不透明度 */
overflow: hidden; /* 溢出隐藏 */
background:#FF3; /* 背景色 */
/* margin: 25% auto; */ /* 外边距 */
/* IE10、Firefox and Opera,IE9以及更早的版本不支持 */
animation-name: breath; /* 动画名称 */
animation-duration: 1000ms; /* 动画时长3秒 */
animation-timing-function: ease-in-out; /* 动画速度曲线:以低速开始和结束 */
animation-iteration-count: infinite; /* 播放次数:无限 */
/* Safari and Chrome */
-webkit-animation-name: breath; /* 动画名称 */
-webkit-animation-duration: 1000ms; /* 动画时长3秒 */
-webkit-animation-timing-function: ease-in-out; /* 动画速度曲线:以低速开始和结束 */
-webkit-animation-iteration-count: infinite; /* 播放次数:无限 */
}
@keyframes breath {undefined
from { opacity: 0.1; } /* 动画开始时的不透明度 */
50% { opacity: 1; } /* 动画50% 时的不透明度 */
to { opacity: 0.1; } /* 动画结束时的不透明度 */
}
@-webkit-keyframes breath {undefined
from { opacity: 0.1; } /* 动画开始时的不透明度 */
50% { opacity: 1; } /* 动画50% 时的不透明度 */
to { opacity: 0.1; } /* 动画结束时的不透明度 */
}
a{text-decoration:none;color:#333;}
</style>

网友评论