ペーパー的な立体感がある、CSSで作れるtext-shadowを使ったタイポグラフィ
CSSを使ったタイポグラフィ。画像を使わずに、CSSだけで立体的な文字を表現する方法です、ポイントはtext-shadowに複数の値を設定することでより立体的な質感を出すことが出来ます
CSSのぼかし(blur)のテクニック ～filterを使う方法とfiterを使わない方法～
最近気に入っているのが、CSSを使ったブラー・ぼかしを与える効果 いろいろな演出に利用出来ます 単純にCSSにあるfilterを使ってblurを掛ける方法と テキスト限定ですが、filterを使わずにblu […]
フォーカスでシュワーっと消えていく、プレースホルダ
input要素の欄にフォーカス(入力できる状態)にすると input要素にあるプレースホルダが、ぼやけてシュワーーっと消えていくアニメーションが特徴的 jQueryを使って、フォーカスが当たると、 blurというクラスをつけて、文字をぼかしています
CSSのtext-shadowで作られた立体感がある影を コピペで作れるコード
CSSのtext-shadowを使って、少し高級感のある立体的な文字になるような影を演出するコード。コードもコピペで使えてシンプル
完成度の高い文字を美しく見せる、2つの色を指定するだけで使えるSCSSコード
文字を美しく見せるCSSのテクニック、SCSSで簡単に色々なカラーのバリエーションで作成することが可能。変更箇所はたったの2箇所でOK
テキストのエリアをぼかして、クリックでくっきり見えるようにするネタぼれ防止のアイディア
ネタバレ防止に使える、テクニック。CSSのtext-shadowを使ってぼかした状態で表示させ、クリックされた時に内容がクリアに見えるようにすることでネタバレを防止するアイディア
