css 具有线性渐变的背景CSS（在Chrome上使用CSS扩展创建）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 具有线性渐变的背景CSS（在Chrome上使用CSS扩展创建）相关的知识，希望对你有一定的参考价值。

{
  
  background: -moz-linear-gradient(360deg, #00FFFF 10%, #0008FF 20%, #00FFFF 30%, #0008FF 40%, #00FFFF 50%, #0008FF 60%, #00FFFF 70%, #0008FF 80%, #00FFFF 90%);/* FF3.6+ */
  background: -webkit-gradient(linear, 360deg, color-stop(10%, 00FFFF), color-stop(20%, 0008FF), color-stop(30%, 00FFFF), color-stop(40%, 0008FF), color-stop(50%, 00FFFF), color-stop(60%, 0008FF), color-stop(70%, 00FFFF), color-stop(80%, 0008FF), color-stop(90%, 00FFFF));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(360deg, #00FFFF 10%, #0008FF 20%, #00FFFF 30%, #0008FF 40%, #00FFFF 50%, #0008FF 60%, #00FFFF 70%, #0008FF 80%, #00FFFF 90%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(360deg, #00FFFF 10%, #0008FF 20%, #00FFFF 30%, #0008FF 40%, #00FFFF 50%, #0008FF 60%, #00FFFF 70%, #0008FF 80%, #00FFFF 90%);/* Opera 11.10+ */
  background: -ms-linear-gradient(360deg, #00FFFF 10%, #0008FF 20%, #00FFFF 30%, #0008FF 40%, #00FFFF 50%, #0008FF 60%, #00FFFF 70%, #0008FF 80%, #00FFFF 90%);/* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
  background: linear-gradient(360deg, #00FFFF 10%, #0008FF 20%, #00FFFF 30%, #0008FF 40%, #00FFFF 50%, #0008FF 60%, #00FFFF 70%, #0008FF 80%, #00FFFF 90%);/* W3C */  
}

以上是关于css 具有线性渐变的背景CSS（在Chrome上使用CSS扩展创建）的主要内容，如果未能解决你的问题，请参考以下文章

CSS重复背景图像但不重复线性渐变

使用div+css实现背景颜色渐变，怎么实现呢？

css CSS：使用重复线性渐变的条纹背景

如何将多个线性渐变添加到 CSS 背景？如果

CSS中的渐变——线性渐变

CSS3渐变，就是这么玩