运行 ❯
获取您
自己的
网站
×
更改方向
保存代码
更改主题，暗色/亮色
转到空间
<!DOCTYPE html> <html> <head> <style> div { position: relative; height: 60px; width: 60px; background-color: red; transform: rotateY(180deg); } #div1 { -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; } #div2 { -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: visible; } </style> </head> <body> <h1>The backface-visibility Property</h1> <p>This example shows the back face of two div elements.</p> <p>This div element has "backface-visibility: hidden", and the back face of the div element is invisible:</p> <div id="div1">DIV 1</div> <p>This div element has "backface-visibility: visible", and the back face of the div element shows a mirror image of the front face:</p> <div id="div2">DIV 2</div> <p><strong>Note:</strong> The backface-visibility property is supported in Safari with a webkit prefix.</p> </body> </html>
