CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
लोकप्रिय प्रीसेट
फिकट प्रभाव
गुळगुळीत अपारदर्शकता संक्रमण
स्केल इफेक्ट
होव्हरवर घटकाचा आकार बदला
फिरवा प्रभाव
होव्हर केल्यावर घटक फिरवा
स्लाइड इफेक्ट
घटकाची स्थिती हलवा
रंग बदल
पार्श्वभूमी रंग संक्रमण
संक्रमणांबद्दल
सीएसएस ट्रान्झिशन्स तुम्हाला दिलेल्या कालावधीत प्रॉपर्टी व्हॅल्यूज सहजतेने बदलण्याची परवानगी देतात.
सामान्यतः अ‍ॅनिमेटेड गुणधर्मांमध्ये हे समाविष्ट आहे:
- रुंदी, उंची
- मार्जिन, पॅडिंग
- अपारदर्शकता, रंग
- transform (scale, rotate, translate)
- background-color
प्रो टिप: सर्व बदल अ‍ॅनिमेट करण्यासाठी 'सर्व गुणधर्म' पर्याय वापरा.
Preview
HOVER ME
जनरेट केलेला कोड
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
संक्रमण नियंत्रणे
300
0
होव्हर इफेक्ट्स
100%
100%
0°
0px
0px
8px
8px
Related Tools
CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
CSS ते SASS कनवर्टर
तुमचा CSS कोड इंडेंटेड SASS सिंटॅक्समध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
SCSS ते CSS कनवर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
टॉर्क कन्व्हर्टर
वेगवेगळ्या युनिट्समध्ये टॉर्क मापन अचूकतेने रूपांतरित करा
SHA3-224 हॅश कॅल्क्युलेटर
SHA3-224 हॅश जलद आणि सहजपणे तयार करा
बेस६४ ते इमेज कन्व्हर्टर
वेब डेव्हलपमेंट आणि डेटा व्हिज्युअलायझेशनसाठी बेस६४ स्ट्रिंग्सना इमेजेसमध्ये परत रूपांतरित करा.