Photoshop要らず？CSSだけでできる便利な文字装飾のまとめ - DS INSiDE

こんにちはデザインチームオカベです。 コーディングをする上で、「デザインをどの様にブラウザ上で再現するか」という課題は付き物ですが、個人的にはレスポンシブ事情やコーディング後のデザイン調整が入ることを想定して、できる限り装飾部分もコーディングで対応したいと思っています。 そんな中Twitterで便利そうなテクニックを見かけましたので練習がてらまとめました。 ※ブラウザのバージョンによっては対応していない設定もあります。最新ブラウザでご利用ください。 見出しの強調 アンダーライン text-decorationの場合 強調マーク 波線 ストライプ 点線 見出しの強調 アンダーライン こちらはこのブログでも使用していますが、「linear-gradient（グラデーション）」を利用したアンダーラインの表現方法です。 あのイーハトーヴォのすきとおった風 background: linear-gr