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

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%; }
क्लिपबोर्डवर कॉपी केले!

शक्तिशाली वैशिष्ट्ये

अंतर्ज्ञानी नियंत्रणे

प्रतिसादात्मक स्लाइडर्स आणि अंतर्ज्ञानी नियंत्रणांसह ट्रान्सफॉर्मेशन पॅरामीटर्स सहजपणे समायोजित करा.

रिअल-टाइम पूर्वावलोकन

झटपट व्हिज्युअल फीडबॅकसह तुमचे परिवर्तन कसे दिसेल ते पहा.

स्वच्छ CSS आउटपुट

चांगल्या प्रकारे फॉरमॅट केलेला, उत्पादनासाठी तयार CSS कोड मिळवा जो तुम्ही कॉपी करू शकता आणि लगेच वापरू शकता.

ट्रान्सफॉर्मेशन प्रीसेट

लोकप्रिय परिवर्तन शैलींसह सुरुवात करा आणि तुमच्या गरजेनुसार त्या सानुकूलित करा.

3D रूपांतरणे

तिन्ही अक्षांवर आणि दृष्टिकोनावर नियंत्रण ठेवून आश्चर्यकारक 3D प्रभाव तयार करा.

अ‍ॅनिमेट ट्रान्सफॉर्मेशन्स

कालावधी आणि पुनरावृत्तींवर नियंत्रण ठेवून तुमच्या ट्रान्सफॉर्म्समध्ये गुळगुळीत अॅनिमेशन जोडा.

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

एक परस्परसंवादी कार्ड तयार करा जे फिरवताना फ्लिप होते, अतिरिक्त माहिती उघड करण्यासाठी योग्य.

झूम करा आणि फिरवा

परस्परसंवादावर स्केल आणि रोटेट होणाऱ्या बटणांवर किंवा प्रतिमांवर एक आकर्षक प्रभाव जोडा.

स्क्यू इफेक्ट

गतिमान आणि आधुनिक UI घटक तयार करण्यासाठी सूक्ष्म स्क्यू ट्रान्सफॉर्मेशन लागू करा.

CSS3 ट्रान्सफॉर्म जनरेटर बद्दल

हे टूल CSS3 ट्रान्सफॉर्म्ससह काम करण्याची प्रक्रिया सोपी करण्यासाठी तयार केले गेले आहे. तुम्ही व्यावसायिक डेव्हलपर असाल किंवा फक्त वेब डिझाइनपासून सुरुवात करत असाल, हे जनरेटर तुम्हाला वाक्यरचना लक्षात न ठेवता जटिल ट्रान्सफॉर्मेशन्सची कल्पना करण्यास आणि तयार करण्यास मदत करते.

CSS3 ट्रान्सफॉर्म्स तुम्हाला HTML घटकांवर फिरवण्याची, स्केल करण्याची, हलवण्याची, स्क्यू करण्याची आणि 3D प्रभाव तयार करण्याची परवानगी देतात. ते आधुनिक वेब डिझाइनचा एक शक्तिशाली भाग आहेत परंतु ते मास्टर करणे कठीण असू शकते. आमचे जनरेटर वेगवेगळ्या ट्रान्सफॉर्मेशनसह प्रयोग करण्यासाठी आणि त्वरित परिणाम पाहण्यासाठी एक अंतर्ज्ञानी इंटरफेस प्रदान करते.

Related Tools

स्टायलस ते सीएसएस कन्व्हर्टर

तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.

SCSS ते CSS कनवर्टर

तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.

CSS3 ट्रान्झिशन जनरेटर

गुळगुळीत अपारदर्शकता संक्रमण

JSON ला XLSX मध्ये सहजतेने रूपांतरित करा

एका क्लिकने तुमचा JSON डेटा एक्सेल (XLSX) फॉरमॅटमध्ये रूपांतरित करा. जलद, सुरक्षित आणि पूर्णपणे ब्राउझर-आधारित.

CMYK ते PANTONE

प्रिंट डिझाइनसाठी CMYK रंग मूल्ये जवळच्या Pantone® समतुल्य मूल्यांमध्ये रूपांतरित करा.

लांबी कनवर्टर

लांबीच्या वेगवेगळ्या युनिट्समध्ये सहज आणि अचूकतेने रूपांतरित करा. दैनंदिन वापरासाठी आणि व्यावसायिक अनुप्रयोगांसाठी योग्य.