前の記事 ≪:ボタン作りにもう手間はかからないPhotoshopのボタン素材150
次の記事 ≫:PHP&MySQL+jQueryでページ送りを実装するチュートリアル

jQueryでリアルなホバーエフェクト作成チュートリアル

2009年09月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Create a Realistic Hover Effect With jQuery ・Blog and Web Design Portfolio of Adrian Pelletier

jQueryでリアルなホバーエフェクト作成チュートリアルが公開。
次のように、ホバー時にリアルにリフレクションしたり、リアルな影がついたりする物体作成チュートリアルになってます。

背景がグラデーションだったり、リフレクションや影が綺麗にアニメーションする部分など、かなりのテクニックを要しているみたいです。





こうしたディテールにもこだわりたい場合に参考にできそうです。

関連エントリ
関連の記事検索:JavaScript, チュートリアル, tips
スポンサード リンク

By.KJ : 2009年09月15日 10:03 livedoor Readerで購読 Twitterに投稿

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