プログレッシブブラーとなめらかなグラデーションでインタラクティブなエフェクトをデザインする

このチュートリアルでは、なめらかなグラデーションとプログレッシブブラーを使って、やわらかく洗練されたデザインをつくるさまざまなスタイルとテクニック、そしてそれをHanaでインタラクティブな体験に変える方法を探ります。

まずシェイプにグラデーションやブラーエフェクトを加える方法を説明し、続いてホバーアニメーション、カーソルを追いかけるエフェクト、ループアニメーション、重ねたブラーエフェクトなどのインタラクティブな要素をつくります。どれもそのままWebプロジェクトに埋め込めて、コーディングは不要です！👌

デモシーン：https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3