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-512/224 ہیش کیلکولیٹر
SHA-512/224 ہیش جلدی اور آسانی سے بنائیں
اپنے ڈیزائن کے لیے ڈمی ٹیکسٹ تیار کریں۔
ہمارے Lorem Ipsum جنریٹر کے ساتھ اپنی ویب سائٹس، ایپس اور دستاویزات کے لیے حقیقت پسندانہ پلیس ہولڈر ٹیکسٹ بنائیں۔
HEX سے HSV
رنگوں کو ہیکساڈیسیمل اور HSV (Hue، Saturation، Value) کے درمیان ریئل ٹائم پیش نظارہ کے ساتھ رنگوں میں تبدیل کریں۔