エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS で文字をぼかす方法 - by Takumi Hirashima
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS で文字をぼかす方法 - by Takumi Hirashima
CSS で文字にぼかし効果を加える方法を紹介します。 表示の演出で、文字がボケた状態からスタートさせた... CSS で文字にぼかし効果を加える方法を紹介します。 表示の演出で、文字がボケた状態からスタートさせたい時に便利な方法です。 CSS で文字にぼかし効果を追加する方法 CSS でボケて消えるアニメーションの実装方法 CSS で文字にぼかし効果を追加する方法 CSSで文字にぼかし効果を追加するには color と text-shadow を使用します。 例えば、文字に透明度50%ほどで20pxほどのぼかしを加える場合、次のコードをCSSに追加します。 実際の見た目はこちら。 CSS はこちら。 .blur { color: transparent; text-shadow: 0 0 20px rgba(0,0,0,0.5); } まずは color に transparent を指定して文字を透明にします。 次に、text-shadow でボケの値を調整することで影にぼかし(ブラー)のような