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

CSS3-এ y-axis ব্যবহার করে এলিমেন্ট রূপান্তর করুন


এলিমেন্টকে y-axis দিয়ে রূপান্তর করতে translateY(y) মেথড ব্যবহার করুন।

সিনট্যাক্স নিচে দেওয়া হলো:

translateY(y)

এখানে,

  • y: এটি একটি length যা ট্রান্সলেটিং ভেক্টরের ordinate উপস্থাপন করে।

উদাহরণ:

div {   width: 40px;   height: 40px;   background-color: black; } .trans {   transform: translateY(20px);   background-color: orange; }

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

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

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

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