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 میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
اسٹائلس ٹو سی ایس ایس کنورٹر
اپنے SCSS کوڈ کو CSS میں تبدیل کریں۔ تیز، آسان اور محفوظ۔
سی ایس ایس منیفائر
پیشہ ورانہ درستگی کے ساتھ اپنے CSS کوڈ کو سکیڑیں اور بہتر بنائیں
SHA-384 ہیش کیلکولیٹر
SHA-384 ہیش جلدی اور آسانی سے بنائیں
JavaScript Obfuscator
اپنے جاوا اسکرپٹ کوڈ کو ہمارے طاقتور مبہم ٹول کے ساتھ غیر مجاز رسائی اور ریورس انجینئرنگ سے بچائیں۔ مکمل فعالیت کو برقرار رکھتے ہوئے اپنے کوڈ کو ناقابل پڑھے ہوئے فارمیٹ میں تبدیل کریں۔
پینٹون سے HEX
پیشہ ورانہ ڈیزائن کی ضروریات کے لیے HEX کلر کوڈز کو پینٹون میچنگ سسٹم® رنگوں میں درست طریقے سے تبدیل کریں۔