五彩缤纷的生活颜色css样式

不管字体还是背景都可以变成五彩缤纷的生活颜色
css样式如下:
background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50%, #ff0000 56.25%, #ff7d00 62.5%, #ffff00 68.75%, #00ff00 75%, #00ffff 81.25%, #0000ff 87.5%, #ff00ff 93.75%, #ffff00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-size: 200% 100%; */
    animation: masked-animation 2s infinite linear;


  1. -webkit-background-clip: text;
  2. -webkit-text-fill-color: transparent;
  3. /* background-size: 200% 100%; */
效果如下:
 

本文地址:http://www.gb2.org/post/28||五彩缤纷的生活颜色css样式
转载声明:本文为艺术源于生活,生活源于感悟-丐帮儿的原创文章,转载请注明原文地址,谢谢合作

发表评论: