残念ながら、CSSにそれが可能なプロパティが用意されてない_:(´ཀ`」 ∠): ```css color: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); // ↑これは無理 ``` やり方としては、背景をグラデーションしてテキストでマスクする。 ```css color: #b900b4,; // 非対応のブラウザでの文字色を設定 background: -webkit-linear-gradient(-135deg, #1400c8, #b900b4, #f50000); // 背景色にグラデーションを指定 -webkit-background-clip: text; // テキストでマスク -webkit-text-fill-color: transparent; // マスク部分は背景を表示 ``` 背景を画像にしたり、透過PNGを敷いたりすると文字色のバリエーションがめちゃくちゃ増える。 ちなみに、上記はInstagramのメインカラーリング
by   mayataso
2019/01/30 18:11:54

コメント (0)

あなたもコメントしてみませんか

アカウント新規作成(無料)

既にアカウントを持っている方は ログイン