今回はWeb制作におけるCSSアニメーションの中でテキストのエフェクトに関する内容です。文字にエフェクトをかける(ループアニメーション)アニメーションの実装方法を紹介します。@keyframesを使用したCSSアニメーションになります。コーディングテクニックの使いどころ見出しのテキストなどに使用すると効果的です。スキルコーディングとjQueryの基礎的な知識があれば実務未経験のコーダー、マークアップエンジニア、Webデザイナー、エンジニア、副業の初心者など誰でも実装可能です。【CSS】画像の上に重ねた複数のカラーを連続でスライドさせてから画像を表示するカーテンアニメーションの実装方法この記事を書いた人(著者情報)片山カタチップ編集長。昭和生まれの30代でWeb業界歴は10年以上。現在はカタチップを運用しつつ事業会社でWEBメディアサイトのWebディレクター兼マークアップエンジニアを担当。最近はSNSの運用にも業務範囲を拡大中です。職業:事業会社でWEBメディアサイトのディレクターをやっています。コーディングも程よくやるタイプのディレクターです。