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
اسٹائلس ٹو سی ایس ایس کنورٹر
اپنے SCSS کوڈ کو CSS میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
سس ٹو سی ایس ایس کنورٹر
اپنے Sass کوڈ کو CSS میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
آسانی کے ساتھ CSS3 ٹرانسفارمز بنائیں
کوڈ لکھے بغیر پیچیدہ CSS3 کی تبدیلی کے لیے ایک طاقتور، بدیہی ٹول۔ حقیقی وقت میں تبدیلیوں کا تصور کریں اور اپنے پروجیکٹس میں استعمال کرنے کے لیے تیار کردہ CSS کو کاپی کریں۔
CSV سے Base64 کنورٹر
اپنے CSV ڈیٹا کو تیزی اور آسانی سے Base64 انکوڈنگ میں تبدیل کریں۔
الیکٹریکل یونٹ کنورٹر
اپنے انجینئرنگ کے حسابات کے لیے درستگی کے ساتھ مختلف الیکٹریکل یونٹس کے درمیان تبدیل کریں۔
نمبر سے رومن نمبر کنورٹر
نمبروں کو آسانی اور درستگی کے ساتھ رومن ہندسوں میں تبدیل کریں۔