アニメーション

Webデザイン

表示時間のメーター付き、クリックでも自動でも切り替わるスライダー

クリックでも一定時間ごとに自動でも切り替わるスライダーです。 どのくらいで切り替わるかもわかるようにメーターも設置しました。 切り替えはやメーターの描画はJavaScript(jQuery)で行っています。 デモページはこちら ...
Webデザイン

訪問回数に応じてスタンプを押すアニメーション(jquery-cookie.jsを使用)

ページにアクセスしたらその回数に応じてスタンプを押していくアニメーションです。 jquery-cookie.jsを使ってクッキーのデータを取得し、ページに訪問した回数に応じてスタンプの表示やアニメーションを行っています。 デモページ...
Webデザイン

整列しているボックスをアニメーションで順番に表示

CSSとjQuery(JavaScript)を利用したページ読み込み時に再生されるアニメーションです。 CSSでtransitionとtransformを設定しておき、jQueryでtransformの値を変更することでアニメーションを実...