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%
0px
0px
8px
8px

Related Tools

Less to CSS Converter

अपने कम कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।

CSS3 संक्रमण जेनरेटर

चिकनी अस्पष्टता संक्रमण

उत्पन्न CSS3 आसानी से बदलता है

जटिल CSS3 बनाने के लिए एक शक्तिशाली, सहज ज्ञान युक्त उपकरण कोड लिखे बिना बदल जाता है। वास्तविक समय में परिवर्तनों की कल्पना करें और अपनी परियोजनाओं में उपयोग करने के लिए उत्पन्न सीएसएस की प्रतिलिपि बनाएं।

वॉल्यूमेट्रिक फ्लो रेट कन्वर्टर

सटीकता और आसानी के साथ विभिन्न इकाइयों के बीच वॉल्यूमेट्रिक प्रवाह दर कन्वर्ट

औसत कैलकुलेटर

हमारे उपयोग में आसान टूल के साथ संख्याओं के एक सेट के औसत (अंकगणितीय माध्य) की त्वरित गणना करें।

HSV to Pantone

प्रिंट डिजाइन के लिए एचएसवी रंग कोड को पैनटोन® संदर्भों में कनवर्ट करें