keyframesとは、CSSでアニメーションを実装するために使う構文で、アニメーションの動きを指定するために使います。
Webページにアニメーションを実装したい場合、Javascriptで記述したり、jQueryを使用する方法がありますが、学習中の初心者の方にとっては難易度が高いのが難点です。
そこでkeyframesを使えば、CSSという言語を使う分、初心者の方でも比較的簡単にダイナミックなアニメーションを実装できますよ!
ただし、keyframesで動きを指定しただけでは要素は動かず、animationという構文を使って設定しなければいけないので、よく調べてから挑戦してみましょう。

Webデザイナー育成スクール「Web Buddy(ウェブバディー)」では、卒業後すぐにWebデザイナーとして活躍することを目的とした、より実践的なスキルを学ぶことができます。
卒業後には業務委託契約を結んで実務経験を積むことも!!
スクールのお申し込みや講義についての質問など、お問い合わせはこちらのフォームをご利用ください。