CSSだけでここまでできる！参考にしたいCSSエフェクト10選 - Workship MAGAZINE(ワークシップマガジン)HTML/CSSが多くのデバイスに浸透した今、さまざまな表現がCSSでできるようになりました。CSS3から使えるようになったアニメーションをいかし、ホバーアクションやマウスの効果を追加しませんか？ 画像を使うよりも手軽に、思い描いた表現ができるかもしれません。 1. CSSだけでグラデーションバー Sassを使用して、ローディングアニメーションを実装しています。 ローディングアニメーションにGIFアニメを用いる場合が多いですが、それは画像であればブラウザ対応に誤差がないためです。 カスタマイズしやすいように書かれているので、色やサイズを変更して使ってみては？ 2. CSSだけで太陽系アニメーション CSSで太陽系の描画と自転・公転を表現した、大変複雑なCSSプロジェクトです。惑星は回転速度を指定した球体。背景の星もさまざまな速度で動かしており、リアリティを演出しています。 3. CSSだけ
