最近のWebサイトでは、様々なアニメーションを付けることが当たり前になってきました。リンクやボタンのホバー時、ページの遷移、スクロールなどに使われていることが多いですね。 制作しているWebサイトにアニメーションを取り入れたい時に、是非参考にしたいスクリプトをご紹介します。 メニュー mmenu DEMO SOURCE Facebookなどのスマートフォンのアプリによく使わている横からスライドしてくるメニュー。最近ではPCサイトでも使われているのをよく見かけます。 Off-Canvas Menu Effects DEMO SOURCE Off-Canvasを利用したメニューエフェクト。綺麗な曲線をなどアニメーションがとっても綺麗なスクリプトです。 スクロール JQUERY FULL CONTENT DEMO SOURCE 縦、横にコンテンツをスクロールできるようになります。 MIDNIGH
スクロールしていくと、じわ～っとにじんだ画像が くっきりとアニメーションで表示される表現、すてきだと思いませんか？ すごく好きなんです。ぼかしとかにじみ。 うぇぶもようでもつかってるんです。 これを今回表示する方法をご紹介します。 スクロールイベントができる「inview.js」 まずは、スクロールしたとき、表示領域に入ったらイベントを開始させるjsをつかいます。 head内に jQuery、inview.jsの読み込み と、 スクリプトの記述 をして準備OKです！ jQueryのダウンロードはこちらから inview.jsのダウンロードはこちらから js $(function() { $('img').on('inview', function(event, isInView) { if (isInView) { //表示領域に入った時 $(this).addCla
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く