CSS Transitionsのイベントの発生は、CSS Transitionsアニメーションを実行するHTML要素のaddEventListener()メソッドで監視できます。 イベントには次のものがあります。 tra […]
続きを読む日: 2018年6月19日
4_4 transtionプロパティ
transition CSSプロパティは、CSS Transitionsアニメーションを指定するショートハンド(一括指定)プロパティです。 通常は、transition:につづけて、変化の発生を監視するプロパティ名、その […]
続きを読む4_3 CSS Transitionsのポイント
CSS Transitionsは次の手順で作成できます。 アニメーションさせたい要素のCSSクラスで、transitionプロパティを設定する。 監視するプロパティが変化するきっかけを作成する。 前の例では、<im […]
続きを読む4_2 基本
CSS Transitionsの基本を以下に示します。 マウスオーバーで写真が少し傾き、大きくなるアニメーション HTML まずはHTMLです。<div>要素の中に、<a>、その中に<img […]
続きを読む4_1 CSS Transitionsの特徴
CSS Transitionsは、初めの状態と終わりの状態の間で、時間経過とともにCSSプロパティの値を変更することで、アニメーションを実現する方法です。 CSS Animationsとの大きな違いは、 キーフレームがな […]
続きを読む4 CSS Transitions
CSSアニメーションには、CSS Animations(キーフレームアニメーション)のほかにもう1つ、CSS Transitionsがあります。アニメーションの仕組みとしてはCSS Animationsの方が分かりやすい […]
続きを読む