★★★ たった "1日" でできるWordPressブログの作り方講座 ★★★ はじめてみる

「 要素 」一覧

CSSやjQueryで要素をアニメーションさせて表示する2つの方法

CSSやjQueryで要素をアニメーションさせて表示する2つの方法

要素にフェードインなどのアニメ効果をつけながら表示するには2つ方法があります。1つめはjQueryのアニメ関数を使う方法で、2つめはCSSでアニメーションプロパティを使う方法です。それぞれの方法に長所や短所があるので使い分けた方がいいです。ここではこの2つのやり方で要素をアニメ表示する方法を解説します。

要素表示時に回転・拡大・スライドしてアニメ表示する方法とアニメーション例

要素表示時に回転・拡大・スライドしてアニメ表示する方法とアニメーション例

何か動作があった時にただ要素を表示するだけでなく回転や拡大などのアニメーション効果をつけるとユーザーに興味を持ってもらいやすくなります。ここではCSSのtransformプロパティとjQueryのcss関数を使って要素に変形効果をつけ、ユニークなアニメ表示をする方法と実際のアニメ表示の例について紹介します。