グラデはイメージ扱いになる?

自分用メモ
結論:グラデはbackgroundでかけろ。

インライン

<em style="font-size: 200%; background-color: linear-gradient(to bottom, #a18cd1, #fbc2eb);">例えばこういう風に書いても</em>

例えばこういう風に書いても←こうなる

<em style="font-size: 200%; background-image: linear-gradient(to bottom, #a18cd1, #fbc2eb);">背景イメージとしてグラデを指定</em>

背景イメージとしてグラデを指定←こうなる

<em style="font-size: 200%; background: linear-gradient(to bottom, #a18cd1, #fbc2eb);">これでも行ける</em>

これでも行ける←こうなる

ブロック

<div style="font-size: 200%; background-color: linear-gradient(to bottom, #a18cd1, #fbc2eb);">例えばこういう風に書いても</div >

例えばこういう風に書いても
↑こうなる

<div style="font-size: 200%; background-image: linear-gradient(to bottom, #a18cd1, #fbc2eb);">背景イメージとしてグラデを指定</div >

背景イメージとしてグラデを指定
↑こうなる

<div style="font-size: 200%; background: linear-gradient(to bottom, #a18cd1, #fbc2eb);">これでも行ける</div >

これでも行ける
↑こうなる

どのくらい面白かった?

星を押して送信してね

平均 0 / 5. Vote count: 0

是非フォローしてください

最新の情報をお伝えします

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です