気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
jQueryとCSSで驚きのページめくり効果を作るサンプル:phpspot開発日誌
112 users
phpspot.org
phpspot.org
phpspot.org
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
Simple Page Peel Effect with jQuery & CSS jQueryとCSSで驚きのページめくり効果を作るサンプル。 利... Simple Page Peel Effect with jQuery & CSS jQueryとCSSで驚きのページめくり効果を作るサンプル。 利用者に対して驚きを与えるだけでなく、スペースも有効に使える便利なサンプルが公開されていました。 綺麗なアニメーションをするも、Flashは使っておらず、jQueryとCSSで表現されているところが凄くてそのテクニックにも注目。 以下のようなＵＩがあります。 右上のめくったところにカーソルを合わせるとペローンとページがめくられ、少ないスペースだったのに情報が表示されます。 該当のコードですが、以下のように、jQueryのanimateによって実現されています。 $("#pageflip").hover(function() { //On hover... $("#pageflip img , .msg_block").stop() .animat
phpspot.org
phpspot.org
phpspot.org
phpspot.org
note.com/iida_yasuyuki
nlab.itmedia.co.jp
kuruma-news.jp
falsandtru.hatenablog.com
anond.hatelabo.jp
konifar-zatsu.hatenadiary.jp
anond.hatelabo.jp
moarh.hatenablog.jp
ojamihina.hatenablog.com
togetter.com
atmarkit.itmedia.co.jp
japan.cnet.com
atmarkit.itmedia.co.jp
2010/10/21 リンク