[CSS]横に並べたパネルをパタパタ裏返す、アニメーションがかわいいプリローダー -FlipPreloader

.flip-preloader { width: 300px; height: 60px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); perspective: 300px; perspective-origin: 50% 50%; } .flip-preloader.example-1 { top: 25%; height: 100px; width: 400px; } .flip-preloader div { position: absolute; width: 20%; height: 100%; background-color: red; left: 0%; box-sizing: border-box; transform-origin: 0% 5

[idr_zz]

ピタゴラ装置的な動きでいい！ [CSS]横に並べたパネルをパタパタ裏返す、アニメーションがかわいいプリローダー -FlipPreloader

[aTn]

“180deg);”

[kicchysan]

横に並べたパネルをパタパタ裏返す、アニメーションがかわいいプリローダー -FlipPreloader #HTML #CSS http://coliss.com/?p=22686