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 संक्रमण जेनरेटर
चिकनी अस्पष्टता संक्रमण
Less to CSS Converter
अपने कम कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।
सीएसएस मिनिफायर
पेशेवर परिशुद्धता के साथ अपने सीएसएस कोड को संपीड़ित और अनुकूलित करें
बेस 64 डिकोड टूल
अपने ब्राउज़र में आसानी से बेस 64 स्ट्रिंग्स को डीकोड करें।
TSV को JSON में आसानी से बदलें
अपने TSV डेटा को एक क्लिक से संरचित JSON प्रारूप में रूपांतरित करें। तेज़, सुरक्षित और पूरी तरह से ब्राउज़र-आधारित।
Convert JSON to CSV
अपना JSON डेटा नीचे पेस्ट करें और इसे एक क्लिक से CSV प्रारूप में बदलें।