😉「予想以上にイイ感じにできた!技術ブログネタにしよう!」ということで...ほぼsvg曲線とcssアニメーションだけで実装した、弊社サイト背景の曲線アニメーションについて、この記事で解説します。↓こちらが背景部分だけを抜き出したサンプルコードです。cssアニメーション機能で、曲線一本ずつタイミングを少しずらして、Y軸で回転させるというシンプルなものです。x方向に1.5倍拡大させるという仕組みです。scssの@forは必須です。transformを制御して時間経過で横幅を伸縮させたりしてますが、サンプルコードの通りjsを使わなくてもcssアニメーションだけでも工夫次第でこのような面白いアニメーションが実装できますよーという話でした。ダウンロード#アニメーション#css#svgこの記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。アニメーションにおける...101ソニックジャム即席!スヴェルチョク導入ガイド2nbngLottieによるリッチアニメーション実装のためのAfterEff...82まりーな/エンジニア【デザイナー向け】Lottieの使い方。webpackハンズオ...90こんぴゅダンスから学ぶ。美しく魅せる為の2つのコツ。クリエイターへのお問合せnoteカイゼン目安箱クリエイターの。