【CSS】 3D transform サンプル①

皆さん、こんにちは。

制作部の関です。

今回はとあるサイトでオープニングアニメーションを作成する機会があったので
それをサンプル用に作成致しました。

参考サイトはこちらになります

https://creascien.jp/city/free/

遠近感を利用した、奥行き感のある３DデザインをCSSで表現するサンプル集。コードをそのままコピーできるので、カスタマイズも自由自在。

See the Pen
Untitled by seki (@separth10)
on CodePen.

立体感を出せるので平面的になりすぎるのを防ぐことができますね。

以上、制作部の関でした。