Skip to content

Instantly share code, notes, and snippets.

@satoko
Created November 19, 2012 05:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save satoko/4109082 to your computer and use it in GitHub Desktop.
Save satoko/4109082 to your computer and use it in GitHub Desktop.
ズルいcheatsheet

##ズルい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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment