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 میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
ہیکس سے آکٹل
ہیکساڈیسیمل نمبروں کو آسانی سے آکٹل میں تبدیل کریں۔
SHA-384 ہیش کیلکولیٹر
SHA-384 ہیش جلدی اور آسانی سے بنائیں
JSON فارمیٹر
بہترین JSON فارمیٹر اور JSON تصدیق کنندہ