backface-visiblility
property in CSS3, it is used to determine that the backside should be
vivible or not. This property is useful when the element is rotated and we do
not want to see the backside of the element.
Ex:
<html>
<head>
<style>
p
{
position:relative;
height:50px;
width:50px;
background-color:Pink;
transform:rotateX(180deg);
-moz-transform:rotatex(70deg); /* Mozilla Firefox */
-webkit-transform:rotateX(180deg); /* Google Chrome and
Safari */
}
#p1
{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
}
#p2
{
-webkit-backface-visibility:visible;
-moz-backface-visibility:visible;
}
</style>
</head>
<body>
<p id="p1">Mahak</p>
<p id="p2">Garg</p>
</body>
</html>
![1.png]()