सीएसएस 3 संक्रमण जनरेटर

चिल्लो अस्पष्टता संक्रमण

लोकप्रिय प्रिसेट

फिक्का प्रभाव

चिल्लो अस्पष्टता संक्रमण

स्केल प्रभाव

Resize element on hover

प्रभाव घुमाउनुहोस्

होभरमा तत्व घुमाउनुहोस्

स्लाइड प्रभाव

तत्व स्थिति सार्नुहोस्

रङ परिवर्तन

पृष्ठभूमि रङ संक्रमण

संक्रमणको बारेमा

सीएसएस संक्रमणले तपाईँलाई दिइएको समयावधिमा, सम्पत्ति मानहरू सहज रूपमा परिवर्तन गर्न अनुमति दिन्छ।

सामान्यतया एनिमेटेड गुणहरूमा समावेश छन्:

  • चौडाइ, उचाइ
  • मार्जिन, प्याडिङ
  • अस्पष्टता, रङ
  • 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

स्टाइलस टू सीएसएस कनवर्टर

तपाईंको एससीएसएस कोडलाई सीएसएसमा रूपान्तरण गर्नुहोस्। छिटो, सजिलो र सुरक्षित।

सीएसएस 3 संक्रमण जनरेटर

चिल्लो अस्पष्टता संक्रमण

सजिलोसँग सीएसएस 3 रूपान्तरण उत्पन्न गर्नुहोस्

जटिल सीएसएस एक्सएनयूएमएक्स सिर्जना गर्नका लागि एक शक्तिशाली, सहज उपकरण कोड लेखन बिना रूपान्तरण गर्दछ। वास्तविक समयमा परिवर्तनहरू कल्पना गर्नुहोस् र तपाईंको परियोजनाहरूमा प्रयोग गर्न उत्पन्न सीएसएस प्रतिलिपि गर्नुहोस्।

HTML Minifier

व्यावसायिक परिशुद्धताको साथ तपाईंको एचटीएमएल कोड संकुचित र अनुकूलन गर्नुहोस्

सुन्दर सीएसएस ग्रेडियन्टहरू सहजरूपमा सिर्जना गर्नुहोस्

हाम्रो सहज इन्टरफेसको साथ आश्चर्यजनक रैखिक, रेडियल, र कोनिक ग्रेडियन्टहरू उत्पन्न गर्नुहोस्। सीएसएस कोड प्रतिलिपि गर्नुहोस् र यसलाई तपाईंको परियोजनाहरूमा तुरुन्तै प्रयोग गर्नुहोस्।

प्रतिक्रियाशील पावर कनवर्टर

परिशुद्धता र सहजताका साथ विभिन्न एकाइहरू बीच प्रतिक्रियाशील शक्ति रूपान्तरण गर्नुहोस्