【CSS】CSSだけでポップでわくわくするドライブ感を出してみる


 

CSSだけって HTMLは使いますが、JavaScriptは使わずに表現を試してみます。

このページの実践例として作成してみた。

見た目にびっくりする 装飾をCSSで作るときのHTML・CSS知識とコツ

考え方

全体的な配置


図形パズルのように 四角を変形させて
ただパーツを配置しただけ。

回転とフレーム

下側に大きい円を描いて、回したいものと静止したいものレイヤーを意識して配置。

  • 回転するものしないもの
  • 手前と奥の順番

ソース

HTML

 

CSS


たゆたうという言葉は、この漫画で初めて知りました。

 

 

 

Delicious にシェア
Digg にシェア
reddit にシェア
LinkedIn にシェア
LINEで送る
email this
Pocket




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です