WEBデザインテクニック|KLUTCHE

【CSS3】CSSだけで写真に印象的なエフェクトを加える

box-shadowを内向きにかけて写真をオシャンティにします。
続きを読む

【CSS】このページ・・・なんだか奥行きがあるぞ!と思わせるbox-shadow

CSS3のbox-shadowを利用してサイト上部に影を作り、ブラウザのUIよりページが奥にあるかのように見せるテクニックです。
続きを読む

【CSS】やだ・・・オシャレ・・・と思わせるbox-shadow

css3 の box-shadow と transform を使ってボックス要素に立体的なエフェクトを加えるテクニックです。

続きを読む

【CSS】エリアに入りきれないテキストを「・・・」で省略する方法

新着投稿などの本文の文頭のみを表示して続きを「・・・」で省略したい時、CSS3 の text-overflow を使うと簡単に表現できます。

続きを読む

【CSS3】CSSだけで背景に雪を降らせてうっとりする

CSS3のanimationを使って背景に雪を降らせます。


続きを読む