css代码|图片闪动或者某个标签闪动(css实现图片闪烁动画)
时间:2022-02-06 23:25:31 阅读:1383
<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>
网友评论