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 में बदलें। तेज़, आसान और सुरक्षित।
SCSS से CSS कन्वर्टर
अपने SCSS कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।
बेस 64 से JSON डिकोडर
बेस 64 एन्कोडेड स्ट्रिंग्स को तुरंत स्वरूपित JSON में कनवर्ट करें। बिना किसी डेटा अपलोड के आपके ब्राउज़र में स्थानीय रूप से काम करता है।
रोमन अंकों से संख्या परिवर्तक
चरण-दर-चरण स्पष्टीकरण के साथ रोमन अंकों को उनके संख्यात्मक समकक्षों में कनवर्ट करें
औसत कैलकुलेटर
हमारे उपयोग में आसान टूल के साथ संख्याओं के एक सेट के औसत (अंकगणितीय माध्य) की त्वरित गणना करें।