सीएसएस 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

सही फ्लेक्सबक्स सजावट सिर्जना गर्नुहोस्

हाम्रो सहज ड्रैग-एन्ड-ड्रप इन्टरफेसको साथ सीएसएस फ्लेक्सबक्स कोड कल्पना, अनुकूलन र उत्पन्न गर्नुहोस्।

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

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

एससीएसएस को सीएसएस कनवर्टर

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

हेक्समा पाठ

पाठलाई सहजरूपमा हेक्साडेसिमल प्रतिनिधित्वमा रूपान्तरण गर्नुहोस्

दशमलव देखि अक्टलसम्म

दशमलव सङ्ख्यालाई सहजै अक्टलमा रूपान्तरण गर्नुहोस्

तापमान इकाई कनवर्टर

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