0

「何もない」（アルファ）から定義された色への線形グラデーションを作成する方法を探しています：#e6a015。Googleでもここでも見つかりません。誰かがこれを行う方法を教えてもらえますか?

4

1 に答える 1

1

アルファをゼロとしてrgbaカラーを使用できます

background-image: -ms-linear-gradient(top left, rgba(230,160,21,0) 0%, rgb(230,160,21)  100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, rgba(230,160,21,0) 0%, rgb(230,160,21) 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, rgba(230,160,21,0) 0%, rgb(230,160,21) 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(230,160,21,0)), color-stop(1, rgb(230,160,21)));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, rgba(230,160,21,0) 0%,rgb(230,160,21) 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, rgba(230,160,21,0) 0%, rgb(230,160,21) 100%);

デモ

于 2013-03-04T02:04:32.597 に答える