CloseTag | الشروحات | CSS | تحويل العنصر إلي ثلاثي ابعاد في لغة CSS | CSS 3D Transforms

<!DOCTYPE html>
<html>
<head>
<style>
div
{
  width: 300px;
  height: 100px;
  background-color: #2196F3;
  border: 2px solid orange;
  color:white;
  font-size:18px;
}

.transform
{
  transform: rotateX(150deg);
}
</style>
</head>
<body>

<h1>CSS 3D transforms</h1>
<p>CSS 3D transform with rotateX() for X-axis.</p>
<div>Without Transform</div>
<div class="transform">With Transform rotated 150 degrees.</div>

</body>
</html>