4.4からは有料記事となります。4.3まで無料でご覧いただけますのでぜひ読み進めてみてください。 動画のメッセージを明確に伝え、視聴者の理解を深めるテキストと字幕。この章では、テキストアニメーション、フォントとスタイル、字幕機能、モーション ...

<Flickering Opacity - at layer out>と<Fade - overexposed>は割愛。<Flickering Opacity - at layer out>は<Flickering Opacity - at layer in>のout版。 <Fade - overexposed>は背景全体の色を変えるエフェクト。

今回も引き続き、 マウスポインタを重ねたときのテキストのアニメーションだ。前回はお題の3つのサンプルのうち2つ解説したので、 残りのひとつを仕上げよう。今回も、 擬似要素の扱いとそれらのアニメーションが鍵になる。 テキストの上を水平線が ...

今回はお題として、 マウスポインタを重ねたときのテキストのアニメーションを取り上げたい。 「⁠Inspiration for Text Styles and Hover Effects」 を参考に、 3つほどつくってみた （サンプル1⁠）⁠。もちろん、 HTMLとCSSの構成はわかりやすく改め、 コードも ...

2Dイラストに立体的なアニメーションを加える表現技術「Live2D」の開発を行う株式会社Live2D（本社：東京都新宿区、代表取締役：中城哲也、以下、Live2D社）は、2025年10月29日（水）、Live2Dを使って気軽にリッチな動画編集ができるオンライン動画エディター ...