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 میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
سی ایس ایس منیفائر
پیشہ ورانہ درستگی کے ساتھ اپنے CSS کوڈ کو سکیڑیں اور بہتر بنائیں
سی ایس ایس فلٹر جنریٹر
حسب ضرورت CSS امیج فلٹرز بنائیں اور ان کا تصور کریں۔
بیس 64 ڈی کوڈ ٹول
اپنے براؤزر میں ہی آسانی کے ساتھ بیس 64 کے تاروں کو ڈی کوڈ کریں۔
اعتماد کا وقفہ کیلکولیٹر
درستگی اور آسانی کے ساتھ اپنے نمونے کے ڈیٹا کے لیے اعتماد کے وقفوں کا حساب لگائیں۔