WEBサイト制作効率化のための、
デザイン・wordpressの試作や覚え書き

css

テキストに縁や影をつける

2020-05-28

text-stroke

境界線を中心にして内外に縁をつけます。

  • テキスト
  • 文 字

text-shadow

テキストの外側に縁をつけます。

  • テキスト
  • 文字

-css

関連記事

CSS Animationでアニメーションを表現する

JavaScriptを使わずにCSSだけでアニメーションを表現!CSS Animationキーフレームは0%(アニメーションの開始)から100%(終わり)まで細かく指定できます。

CSSで影をつける

CSSでドロップシャドウをつける方法を二つ紹介します。

cssで作るいろいろなグラデーション

鮮やかなグラデーションを取り入れたサイトをよく見ます。 様々なタイプのグラデーション記述方法をまとめてみました! グラデーションの種類 基本 グラデーションはbackgroundで指定します。先に書い …

CSS Transitionで手軽にアニメーションを取り入れたい

CSSのアニメーション、Transitionに変化を追加してオンマウスで滑らかに変化させたり、押す感を出せたり。これだけでちょっとインタラクティブなサイトになりますね!

サイトに訪れていただきありがとうございます!このブログでは、調べたこと、試したことを次回スムーズに行うための覚え書きをアップしています。普段は埼玉のWeb制作会社に勤務しています。