TOP  >  WebDesign  >  ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」
2009年06月11日

ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」

ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。

peel01
simple-page-peel-effect-with-jquery-css

全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。

詳しくは以下

sexy-curls-jquery-plugin
peel02
 
 
 
 
 
jquery-page-peel-12
peel03
 
 
 
 
 
pcandweb-page-peel-for-wordpress
peel04
 
 
 
 
 
wordpress-page-peel-plugin
peel05
 

RSSや広告など特に見せたい部分注目させたい部分を埋め込むことが多いみたいです。コンテンツを見に来ているリピーターさんにはあまり効果がないかもしれませんが、一見のユーザーには注目される確立は高くなるのではないでしょうか?

使ってみようかなと言う方はめくれる速度やめくれ方、ちょっとしたディティールに各々違いがありますので、サンプルやデモを見て現在のWEBサイトにあったものをご利用頂ければと思います。

5 Extremely Simple Ways To Add Page Curl To Your Website

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:48  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る