CSS3 テキストグラデーション指定 スマフォンサイト有効

CSS3でテキストグラデーション指定をする方法です。 HTML <p>TEXT BACKGROND GRADIENT</p> CSS p{background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0%,#feb08a), color-stop(49%,#f66428), color-stop(50%,#f0541f), color-stop(100%,#f74408)); -webkit-text-fill-color:transparent; -webkit-background-clip:text; その他任意の指定 } background-imageでグラデーション指定。 -webkit-background-clipで背景を文字に指定。 -webkit-text-fill-colorで文字

[kadokurarara]

テキストグラデーションはいろんな方法があるけど、これが一番シンプル。