html 发光字体和 淡入淡出效果

　

发光字体

css文件内容

.Flex-color-Special
 {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #00c0ef,
               0 0 70px  #00c0ef,
               0 0 80px  #00c0ef,
               0 0 100px #00c0ef,
               0 0 150px #00c0ef;
  }

 
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.5; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

.Flex-fadeIn
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 8s; /*动画持续时间*/
-webkit-animation-iteration-count: infinite; /*动画次数 infinite 为无限 否则就是具体次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

html代码      
      <span   class="margin Flex-color-Special Flex-fadeIn"> 中华人民共和国</span>
             

相关阅读

上天天特价会有销量吗?天天特价效果怎么样?

很多小伙伴都不是特别的清楚上天天特价会有销量吗?天天特价效果怎么样?因此今天小编就来给大家详细的描述一下关于上天天特价会有

[web效果实现－1]瀑布流实现

开发时基本都是用现成的框架和开发好的插件，很少现写现用。最近感觉手写技法生疏了，遂准备实现几个常用的前端插件。首先，瀑布流。

搭配黑科技降噪效果更出色 索尼真无线蓝牙降噪耳机WF-

我们生活中所说的真无线耳机其实就是两个“耳塞”,主体没有任何的可见线材,索尼真无线蓝牙降噪耳机WF-1000XM3就是如此

淘宝直通车推广多久才有效果？推广技巧有哪些？

淘宝直通车在淘宝网店推广中的作用已经越来越明显，很多淘宝卖家在网店上了一定规模后，都纷纷开启了淘宝直通车，但是，并不是所有卖家都

【Unity Shader】（五） ------ 透明效果之半透明效果的实

笔者使用的是 Unity 2018.2.0f2 + VS2017，建议读者使用与 Unity 2018 相近的版本，避免一些因为版本不一致而出现的问题。 【Unity S