online Editor
backface-visibility | Transform - CSSリファレンス
backface-visibility - CSS3 Transfromのbackface-visibilityプロパティのサンプルです。
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body> <style> #div1,#div2 { width:100px; height:100px; margin-bottom:100px; background:red; -webkit-transform:rotateY(180deg); transform:rotateY(180deg); } #div1{ -webkit-backface-visibility:visible; backface-visibility:visible; } #div2{ -webkit-backface-visibility:hidden; backface-visibility:hidden; } </style> <div id="div1">div1</div> <div id="div2">div2</div> </body> </html>
HTMLを反映する >>
タグ:
backface-visibility
CSS
CSS3
Transform
Web Creative Park