##ズルいcheatsheet
まずはチェックシートで適用できていないズルいcheatがないか確認します。
###チェックシート:
- 線:border-bottom & box-shadow
- テキスト影:text-shadow
- 背景:bacgkround-image
- グラデーション:filter-gradient & background-image
- 角丸:border-radius
- 影:box-shadow
メモ:
@machidaさんなんかは、各cheatを辞書登録しちゃってるらしいです!その技もよさそうですよね :)
以下、それぞれについてcheatsheet
###ズルい線:border-bottom & box-shadow
- 基本のズルい線
- border-bottom: 1px solid rgba(0,0,0, 0.2);
- box-shadow(rgba(255,255,255,0.3) 0 1px 0);
(注) 背景色の濃さによって、透明度を調整すること
- 各方向のズルい線
###ズルいテキスト影:text-shadow
###背景:bacgkround-image
###グラデーション:filter-gradient & background-image
###角丸:border-radius
###影:box-shadow