Card Check Box

テストページ (アニメーション)

このページについて

CSS Animation のテストなどをしているページです。Google Chrome, Microsoft Edge や Vivaldi などでレイアウトが崩れる場合は chrome://flags, edge://flags や vivaldi://flags などで 「開発中の試験運用版ウェブ プラットフォームの機能を有効にする」(#enable-experimental-web-platform-features) を有効にしてください。

修正点

2019年4月16日
OS で ダークテーマを利用している場合は Ripple Effect が発生しないように CSS を調整しました。
2016年2月6日
Ripple Effect を追加しました。
2015年8月2日
Flexbox や transform などのベンダープレフィックス(-webkit-)を削除しました。

Ripple Effect

Button

Button