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

CSS3-এ Y-axis 3D ট্রান্সফরমেশন


CSS3-এ Y-axis 3D ট্রান্সফরমেশন ইমপ্লিমেন্ট করতে নিচের কোড রান করুন।

উদাহরণ

<html>   <head>     <style>       div {         width: 200px;         height: 100px;         background-color: pink;         border: 1px solid black;       }       div#yDiv {         -webkit-transform: rotateY(150deg);         /* Safari */         transform: rotateY(150deg);         /* Standard syntax */       }     </style>   </head>   <body>     <div>       tutorialspoint.com     </div>     <p>Rotate Y axis</p>     <div id = "yDiv">       tutorialspoint.com.     </div>   </body> </html>

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

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

  3. CSS3 Flexible Box Layouts (Flexbox লেআউট)

  4. শুধু CSS ব্যবহার করে স্মুথ স্ক্রোলিং বাস্তবায়ন করা