কম্পিউটার টিউটোরিয়াল

CSS3-এ z-axis ব্যবহার করে এলিমেন্ট রোটেট ট্রান্সফর্ম করুন


CSS3-এ z-axis দিয়ে এলিমেন্ট রোটেট ট্রান্সফর্ম করতে rotateZ(angle) মেথড ব্যবহার করুন।

উদাহরণ

<html>   <head>     <style>       div {         width: 200px;         height: 100px;         background-color: pink;         border: 1px solid black;       }       div#zDiv {         -webkit-transform: rotateZ(90deg);         /* Safari */         transform: rotateZ(90deg);         /* Standard syntax */       }     </style>   </head>   <body>     <p>rotate Z axis</p>     <div id = "zDiv">       tutorials point.com.     </div>   </body> </html>

আউটপুট

CSS3-এ z-axis ব্যবহার করে এলিমেন্ট রোটেট ট্রান্সফর্ম করুন


  1. CSS3-এ Z-অক্ষ 3D ট্রান্সফর্ম

  2. CSS3 দিয়ে ইমেজ কন্ট্রাস্ট সমজস্ত করা

  3. CSS3 ২D ট্রান্সফর্ম ফাংশন (Transform Functions) ব্যবহার

  4. CSS3 ৩D ট্রান্সফর্ম ফাংশন (3D Transform Functions) ব্যবহার