前の記事 ≪:画像のプレースホルダを生成してくれるJSライブラリ「Holder.js」
次の記事 ≫:2012年7月27日 管理人のブックマーク

CSS3&jQueryでサイトサムネイルをDock風にするチュートリアル

2012年07月27日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Growing Thumbnails Portfolio | Tutorialzine

CSS3&jQueryでサイトサムネイルをDock風にするチュートリアル。
サイトサムネイルにカーソルを合わせるとサムネイルが拡大されるようなパーツを作れます。
なんだ、これまでのDockスクリプトと同じじゃないかと思うかもしれませんが、サイトサムネイルの下にあるトレイっぽいものがCSSでデザインされており、これも同時に拡大されるところがテクってます。



Chromeで試したところ、びよーんと、動きもなめらか



スクリプトのDLも可能なのでそのまま利用できます

関連エントリ
関連の記事検索:jQuery, CSS3, CSS, チュートリアル, css3
スポンサード リンク

By.KJ : 2012年07月27日 10:05 livedoor Readerで購読 Twitterに投稿

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