CSS3 ٹرانزیشن جنریٹر
ہموار دھندلاپن کی منتقلی
مقبول پیش سیٹ
دھندلا اثر
ہموار دھندلاپن کی منتقلی
پیمانے کا اثر
ہور پر عنصر کا سائز تبدیل کریں۔
اثر کو گھمائیں۔
ہوور پر عنصر کو گھمائیں۔
سلائیڈ ایفیکٹ
عنصر کی پوزیشن کو منتقل کریں۔
رنگ کی تبدیلی
پس منظر کے رنگ کی منتقلی
ٹرانزیشن کے بارے میں
CSS ٹرانزیشنز آپ کو ایک مخصوص مدت کے دوران پراپرٹی کی قدروں کو آسانی سے تبدیل کرنے کی اجازت دیتی ہیں۔
عام طور پر متحرک خصوصیات میں شامل ہیں:
- چوڑائی، اونچائی
- مارجن، پیڈنگ
- دھندلاپن، رنگ
- transform (scale, rotate, translate)
- background-color
پرو ٹِپ: تمام تبدیلیوں کو متحرک کرنے کے لیے 'تمام پراپرٹیز' کا اختیار استعمال کریں۔
Preview
تیار کردہ کوڈ
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
ٹرانزیشن کنٹرولز
ہوور اثرات
Related Tools
سس ٹو سی ایس ایس کنورٹر
اپنے Sass کوڈ کو CSS میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
آسانی کے ساتھ CSS3 ٹرانسفارمز بنائیں
کوڈ لکھے بغیر پیچیدہ CSS3 کی تبدیلی کے لیے ایک طاقتور، بدیہی ٹول۔ حقیقی وقت میں تبدیلیوں کا تصور کریں اور اپنے پروجیکٹس میں استعمال کرنے کے لیے تیار کردہ CSS کو کاپی کریں۔
اسٹائلس ٹو سی ایس ایس کنورٹر
اپنے SCSS کوڈ کو CSS میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
JSON سے Base64 کنورٹر
اپنے JSON ڈیٹا کو Base64 فارمیٹ میں محفوظ اور مؤثر طریقے سے انکوڈ کریں۔
ایندھن کی کارکردگی کا کنورٹر
ایندھن کی کارکردگی کی مختلف اکائیوں کے درمیان درستگی کے ساتھ تبدیل کریں۔
ماس یونٹ کنورٹر
اپنی سائنسی اور روزمرہ کی ضروریات کے لیے درستگی کے ساتھ ماس کی مختلف اکائیوں کے درمیان تبدیل کریں۔