css代码|图片闪动或者某个标签闪动(css实现图片闪烁动画)

时间:2022-02-06 23:25:31   阅读:1216
<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>


css代码|图片闪动或者某个标签闪动(css实现图片闪烁动画)

上一篇:js代码|自动给关键词加a链接_超链接(js 关键词)

下一篇:css代码|除去a标签的下划线(css去掉a标签的下划线)

网友评论