更新日: 2020年9月27日公開日: 2015年10月8日滑らかで美しい表現ができる!SVGアニメーションを使ってみよう Airbnb の模写(写経)で登場してくる SVG 形式の画像。Webデザイナー志望の方や単価をあげたいWebデザイナーの方にとっては、「SVG」必須ですよね。 今回は SVG 画像だからできる SVG アニメーション・・・・・・・についてご紹介させて頂きます。 参考: CSS-TRICKS SVG アニメーションは、SVG画像をベースに CSS や JavaScript で動きや装飾を加える表現手法の一つになります。 メリットとしては、軽量でスケーラブルな SVG 画像に好みのアニメーションを加えられるという点。普段 Web を見ている限りではどれがSVGアニメーションで、どれがSVGアニメでないのか区別はつきにくいですが、SEOや美しさ、滑らかさを求めるとSVGア
![滑らかで美しい表現ができる!SVGアニメーションを使ってみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/5470d3b3e0a777db674e2ba62ac0fee8aaf2bb76/height=288;version=1;width=512/https%3A%2F%2Fmash-jp.s3-ap-northeast-1.amazonaws.com%2Fproduction%2Fposts%2F33401%2F80a66ee91921dd70984434107beca0e7dc7a9b62.33420.desktop.png)