参考サイトやポートフォリオサイトで、テキストや画像の上を黒いブロックがサーッと覆って消えていく、そんなアニメーション見かけたことありませんか？ 一見、JavaScriptやライブラリを使っていそうですが、実はCSSだけで完結します。 この記事では ...

こんにちは、イログロモッサです。 まずは、**アニメーションで何をしたいか？**を決めるところから！ @keyframes sizeUp { 0% { transform: scale(0); /* 0倍 → 見えない大きさ */ opacity: 0; /* 透明（見えない） */ } 100% { transform: scale(1); /* 元の大きさに戻る */ opacity: 1 ...

Animating in Flash requires certain understanding of motion and a lot of patience. Figuring out how the animation will work is not so hard, but achieving the desirable result is usually painstaking.

今回のお題は、前回に引き続きanimationプロパティを使う。transitionプロパティよりも細かくつくり込めるので、 動き方を工夫し、 ほかのアニメーションとも組み合わせると、 魅力的な表現に仕上げられる。これからつくるのは、 マウスポインタを重ねると ...