परिवर्तन नियंत्रण

Translation

0px
0px
0px

Rotation

Scale

1
1
1

Skew

मूल रूपांतरण

Presets

Preview

CSS3

Animation

s

जनरेट किया गया कोड

CSS
.element { transform: translate(0px, 0px) translateZ(0px)  rotateX(0deg) rotateY(0deg) rotateZ(0deg)  scaleX(1) scaleY(1) scaleZ(1)  skewX(0deg) skewY(0deg); transform-origin: 50% 50%; }
क्लिपबोर्ड पर कॉपी किया गया!

शक्तिशाली विशेषताएं

सहज ज्ञान युक्त नियंत्रण

उत्तरदायी स्लाइडर्स और सहज ज्ञान युक्त नियंत्रणों के साथ परिवर्तन मापदंडों को आसानी से समायोजित करें।

वास्तविक समय पूर्वावलोकन

तत्काल दृश्य प्रतिक्रिया के साथ देखें कि आपके परिवर्तन कैसे दिखेंगे।

स्वच्छ सीएसएस आउटपुट

अच्छी तरह से प्रारूपित, उत्पादन-तैयार सीएसएस कोड प्राप्त करें जिसे आप तुरंत कॉपी और उपयोग कर सकते हैं।

परिवर्तन प्रीसेट

लोकप्रिय परिवर्तन शैलियों से शुरू करें और उन्हें अपनी आवश्यकताओं के अनुरूप अनुकूलित करें।

3D रूपांतरण

सभी तीन अक्षों और परिप्रेक्ष्य पर नियंत्रण के साथ आश्चर्यजनक 3 डी प्रभाव बनाएं।

चेतन परिवर्तन

अवधि और पुनरावृत्तियों पर नियंत्रण के साथ अपने परिवर्तनों में सहज एनिमेशन जोड़ें।

3डी कार्ड फ्लिप

एक इंटरेक्टिव कार्ड बनाएं जो होवर पर फ़्लिप करता है, अतिरिक्त जानकारी प्रकट करने के लिए एकदम सही है।

होवर ज़ूम और घुमाएँ

उन बटनों या छवियों में एक आकर्षक प्रभाव जोड़ें जो बातचीत पर स्केल और घुमाते हैं।

तिरछा प्रभाव

गतिशील और आधुनिक UI तत्व बनाने के लिए एक सूक्ष्म तिरछा परिवर्तन लागू करें।

CSS3 ट्रांसफॉर्म जेनरेटर के बारे में

यह उपकरण CSS3 ट्रांसफ़ॉर्म के साथ काम करने की प्रक्रिया को सरल बनाने के लिए बनाया गया था। चाहे आप एक पेशेवर डेवलपर हों या बस वेब डिज़ाइन के साथ शुरुआत कर रहे हों, यह जनरेटर आपको सिंटैक्स को याद किए बिना जटिल परिवर्तनों की कल्पना करने और बनाने में मदद करता है।

CSS3 परिवर्तन आपको HTML तत्वों पर 3D प्रभाव को घुमाने, स्केल करने, स्थानांतरित करने, तिरछा करने और बनाने की अनुमति देता है। वे आधुनिक वेब डिज़ाइन का एक शक्तिशाली हिस्सा हैं लेकिन मास्टर करने के लिए मुश्किल हो सकते हैं। हमारा जनरेटर विभिन्न परिवर्तनों के साथ प्रयोग करने और तुरंत परिणाम देखने के लिए एक सहज ज्ञान युक्त अंतरफलक प्रदान करता है।

Related Tools

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

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

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

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

सीएसएस से कम कनवर्टर

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

Pantone to CMYK

प्रिंट डिजाइन के लिए पैनटोन रंगों को सीएमवाईके मूल्यों में बदलें

बेस 64 डिकोड टूल

अपने ब्राउज़र में आसानी से बेस 64 स्ट्रिंग्स को डीकोड करें।

Storage Density Unit Converter

सटीकता के साथ डेटा संग्रहण घनत्व की विभिन्न इकाइयों के बीच कनवर्ट करें