CSSでグラデーション

グラデーション

ソースコード

font-size:14px;
height: 100px;
width:100px;
/*iOS用*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #540AFF), color-stop(0.00, #53F9FB ));
background: -webkit-linear-gradient(top, #540AFF 0%, #53F9FB 100%);
background: -moz-linear-gradient(top, #540AFF 0%, #53F9FB 100%);
background: -o-linear-gradient(top, #540AFF 0%, #53F9FB 100%);
background: -ms-linear-gradient(top, #540AFF 0%, #53F9FB 100%);
background: linear-gradient(to bottom, #540AFF 0%, #53F9FB 100%);/*Chrome*/

grad3というジェネレータで作った。[2]

無効化したいとき

もともとlinear-gradientはbackground-imageなので、これをnoneにすればいい。

background-image:none;
Bibliography
サポートサイト Wikidot.com