HTML/CSSが多くのデバイスに浸透した今、さまざまな表現がCSSでできるようになりました。CSS3から使えるようになったアニメーションをいかし、ホバーアクションやマウスの効果を追加しませんか? 画像を使うよりも手軽に、思い描いた表現ができるかもしれません。 1. CSSだけでグラデーションバー Sassを使用して、ローディングアニメーションを実装しています。 ローディングアニメーションにGIFアニメを用いる場合が多いですが、それは画像であればブラウザ対応に誤差がないためです。 カスタマイズしやすいように書かれているので、色やサイズを変更して使ってみては? 2. CSSだけで太陽系アニメーション CSSで太陽系の描画と自転・公転を表現した、大変複雑なCSSプロジェクトです。惑星は回転速度を指定した球体。背景の星もさまざまな速度で動かしており、リアリティを演出しています。 3. CSSだけ
![CSSだけでここまでできる!参考にしたいCSSエフェクト10選 - Workship MAGAZINE(ワークシップマガジン)](https://cdn-ak-scissors.b.st-hatena.com/image/square/13ab61c694e956941bea815b88b7e94ba3dc3e2f/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fgoworkship.com%2Fmagazine%2Fapp%2Fuploads%2F2017%2F11%2F6a95a431a1371a2a6c0ed089f60bf953.png)