画像素材と完成版のコードはこちら↓
https://drive.google.com/drive/folders/1RyRotJgikzKiaa0_ESj8HLD8dOn5EPPR?usp=drive_link
関連動画はこちら↓
keyframesの使い方：https://youtu.be/HUIlFHJ04cg
「SVGを使ったアニメーションって難しそう…」と思う方もいるかもしれませんが、実際には意外とシンプルなコードで実現することができWebページに動きを加えるのに最適です。
今回はSVGアニメーションの基礎から、実際に使える簡単なサンプルコードまでを一緒に体験していきます。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
引用元：https://youtu.be/vqXLGX0szIQ?si=B8ZrBgJp79P_aHKG
Twitter：https://twitter.com/rubyprogram
#css, #svg, #ローディングアニメーション
#web制作 #webデザイン #webデザイナー #javascript #コーディング