スナックelve 本店

バツイチ40代女の日記です

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

自分用メモ
結論:グラデは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 >

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