CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
लोकप्रिय प्रीसेट
फिकट प्रभाव
गुळगुळीत अपारदर्शकता संक्रमण
स्केल इफेक्ट
होव्हरवर घटकाचा आकार बदला
फिरवा प्रभाव
होव्हर केल्यावर घटक फिरवा
स्लाइड इफेक्ट
घटकाची स्थिती हलवा
रंग बदल
पार्श्वभूमी रंग संक्रमण
संक्रमणांबद्दल
सीएसएस ट्रान्झिशन्स तुम्हाला दिलेल्या कालावधीत प्रॉपर्टी व्हॅल्यूज सहजतेने बदलण्याची परवानगी देतात.
सामान्यतः अ‍ॅनिमेटेड गुणधर्मांमध्ये हे समाविष्ट आहे:
- रुंदी, उंची
- मार्जिन, पॅडिंग
- अपारदर्शकता, रंग
- 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 मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
SCSS ते CSS कनवर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
बेस६४ ते इमेज कन्व्हर्टर
वेब डेव्हलपमेंट आणि डेटा व्हिज्युअलायझेशनसाठी बेस६४ स्ट्रिंग्सना इमेजेसमध्ये परत रूपांतरित करा.
कोणत्याही उद्देशासाठी यादृच्छिक शब्द तयार करा
सानुकूल लांबी, जटिलता आणि स्वरूपण पर्यायांसह यादृच्छिक शब्द तयार करा.
हेक्स ते ऑक्टल
हेक्साडेसिमल संख्यांना सहजतेने ऑक्टलमध्ये रूपांतरित करा