css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Posts tagged flip

Plug and Play Flips

Show and Tell them with this simple effect. Flips are an easy way to enhance your achievements or collectables.


What we're after

Simple Card Flip

Cool...

689 - Taiwan Flip

2016/01/16 開票結束後,
因為看到有網友做了這個很有趣的 689 翻轉 GIF
於是抽空用 CSS 實作看看~

一開始寫的版本是藍底,
然後綠色上層加上 opacity 的 animation 變化
不直接拿 background-color 做 animation 是因為要避免 re-paint ~

689 - Taiwan Flip

...

Making Massive improvements to performance on all Modern Web platforms/browsers

When using CSS, there are many ways to increase performance, from using only repaintless animations to minimising the effect of a repainting animation such as colour changing. Of course there are...