SVGファイル内に直接CSSアニメーション記述するとDevToolsでアニメーション確認できないんだ……

SVGをアニメーションさせる3つの方法を覚えた！ ・CSSアニメーションを使う ・<animate>タグを使う ・JSでゴリる。 どれもSVGって扱いやすくてかなり好き。

返信先:@hanoween0523SVGで書き出した画像をCSSアニメーションで色変えたり動かしたりしました。

記事を投稿しました！ css / js / svg に於ける それぞれの アニメーションサンプルを作成してみた qiita.com/juner/items/bf… #Qiita #HTML #CSS #js #svg

僕もローディングアニメーション実装しようかな🫤 CSSかSVGか悩むけど、どっちも一回作ってみよかな✍️

だからこそ高クオリティなcss,jsをまとめてAIに吐かせて最新っぽいオリジナルのテーマを作るのが良いのではと思っちゃうな 特に最近の3Dイラストの作成できるようになったことで、幅も広がっているはずだしSVGアニメーションも然り。 #web制作1000本ノック

最近よく読まれている記事 webspe.net/css-svg-color/ SVG形式の画像はCSSで色を変更することが可能です。 メリット ✅余計な画像ファイルが増えない ✅transitionアニメーションで滑らかに色変更できる デメリット ❌インラインで記述する必要があるため、HTMLのコード量が増える

次のプロジェクトではsvgアニメーションに挑戦したいと考えているが、短い納期で自分にできるのか不安😢　 ごまかしごまかし関わってきたJavaScript とCSSアニメーション。After Effects はインストールしただけ。週末にガッツリ勉強しないと📚ツライ💦

CSSによるSVGアニメーション #CSS - Qiita qiita.com/takeshisakuma/…

返信先:@mari_7384まりさん 初めまして、ありがとうございます！ SVGアニメーションはCSSから動かせるので上手く使えばデザイナーさんのご要望も叶えられます！ 細かいところまで見ていただいて嬉しいです！