JavaScriptやPhotoshopなしにCSS3のみでボックスにリフレクション効果をあてるサンプル:phpspot開発日誌

前の記事 ≪：画像のリサイズに便利なPHPクラスライブラリ
次の記事 ≫：WEBアプリケーション作成に使われる４３のコントロールパターン

JavaScriptやPhotoshopなしにCSS3のみでボックスにリフレクション効果をあてるサンプル

2010年03月21日-

スポンサードリンク

[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法

- CSS Box-Reflect - Spiegelung ohne JavaScript und Photoshop - Webstandard-Blog - Webdesign und Webentwicklung

JavaScriptやPhotoshopなしにCSSのみでボックスにリフレクション効果をあてるサンプルが公開されています。
リンク先のサイトは英語ではないので意味が殆ど分かりませんが、デモページのコードを見れば実装例が分かります。

ボックスの中身はテキスト情報なんですが、ここまでリフレクションしてしまうところは地味に凄いです。
勿論、同じ内容のボックスを２度定義するようなことはしていません。

関連エントリ

関連の記事検索：CSS, CSS3, Webデザイン

スポンサードリンク

By.KJ : 2010年03月21日 12:04

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)