テキストに影、テキストに縁取りする方法 – お仕事手帳bloominc

新着

カテゴリ一覧
- wordpress
- google
- サーバー
- ドメイン
- sns
- プラグイン
- css
- Illustrator
- photoshop
- bootstrap
- その他

MENU

css

テキストに影、テキストに縁取りする方法

2018/08/23

text-shadow

テキストに影をつけて立体的な表現をする

text-shadow: 0px 4px 3px rgba(0,0,0,0.3);
-moz-text-shadow: 0px 4px 3px rgba(0,0,0,0.3);
-webkit-text-shadow: 0px 4px 3px rgba(0,0,0,0.3);
-ms-text-shadow: 0px 4px 3px rgba(0,0,0,0.3);

1

2

3

4

text-shadow: 0px 4px 3px rgba(0,0,0,0.3);

-moz-text-shadow: 0px 4px 3px rgba(0,0,0,0.3);

-webkit-text-shadow: 0px 4px 3px rgba(0,0,0,0.3);

-ms-text-shadow: 0px 4px 3px rgba(0,0,0,0.3);

横に0px

縦に4px

3pxぼかす

text-shadowのジェネレーター

https://css-generator.net/text-shadow/