マウスと連動して背景が動くパララックス効果を使ったキュートなデザイン 『Simple Parallax with jQuery』 | 9ineBB
マウスを動かすことで、背景の画像が連動して動くパララックス効果を使った背景です。 また、背景もキュートでポップなデザインで完成度が高いです。 ページのヘッダーや、フッダーに設置してつかえば 楽しいウェブサイトになってくるかなと思います。 雲、ビル群、木、草はそれぞれ独立した画像で出来ています、この部分を好きなものに入れ替えることでオリジナリティーを出せるかと思います。 マウスによる連動は、jQueryを使って書かれています。他のプラグインは使われていません 背景に使われている画像はこちらからダウンロード出来ます http://psdblast.com/flat-color-abstract-city-background-psd コードをダウンロード DOWNLOAD
CSSのopacityとtransition を使ってフェードイン・フェードアウトの効果を作ってみよう！ | 9ineBB
WEBサイトにアニメーションを設定すると、WEBサイトが少しリッチになります(過剰な演出はちょっとウザくなります)、ということで今回はopasityを使って、画像やテキストが スーーーっと消えたり現れたりするアニメーション効果を作ってみようということです。 transitionの書き方 CSSのtransformの書き方です 各ブラウザに対応させるためにベンダープレフィックスとうのをそれぞれつけています、基本形は一番下の行のものです all ですべての変化をアニメーションの対象にします。0.3sで0.3秒かけて変化します、さらに変化の具合も追加出来ますベジュ曲線で指定することもできるし、最初から準備されたアニメーションを指定する事もできます。また省略可能です。上のコードでは省略しています 省略している場合は初期値のeaseが使われます ease、ease-in、ease-out、linea
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
