iceycode
9/25/2017 - 11:20 PM

Background CSS with linear gradient (created with CSS extension on Chrome)

Background CSS with linear gradient (created with CSS extension on Chrome)

background-linear.css
content_copyfile_download
{
  
  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 */  
}