Controls
घन त्रिकोणांसाठी 0 वर सेट करा
Preview
जनरेट केलेले CSS
$triangle-color: #165DFF; $triangle-size: 100px; .triangle { width: 0; height: 0; border-left: $triangle-size solid transparent; border-right: $triangle-size solid transparent; border-bottom: calc($triangle-size * 2) solid $triangle-color; }
शक्तिशाली वैशिष्ट्ये
आमच्या CSS त्रिकोण जनरेटरमध्ये तुमच्या प्रकल्पांसाठी परिपूर्ण त्रिकोण तयार करण्यात मदत करण्यासाठी विविध वैशिष्ट्ये आहेत.
पूर्ण नियंत्रण
तुमच्या डिझाइनसाठी परिपूर्ण त्रिकोण तयार करण्यासाठी आकार, दिशा, रंग आणि बॉर्डर रुंदी समायोजित करा.
क्लिपबोर्डवर कॉपी करा
तुमच्या प्रोजेक्टमध्ये सहज एकत्रीकरणासाठी एका क्लिकवर जनरेट केलेला CSS कोड त्वरित कॉपी करा.
प्रतिसादात्मक डिझाइन
हे जनरेटर डेस्कटॉपपासून मोबाईलपर्यंत सर्व उपकरणांवर उत्तम प्रकारे काम करते, ज्यामुळे तुम्ही कुठेही त्रिकोण तयार करू शकता.
अॅनिमेटेड त्रिकोण
पल्स, बाउन्स आणि रोटेशन सारख्या बिल्ट-इन अॅनिमेशनसह तुमच्या त्रिकोणांमध्ये हालचाल जोडा.
तुमचे त्रिकोण कॉन्फिगरेशन सेव्ह करा आणि ते टीम सदस्यांसह किंवा मित्रांसह शेअर करा.
अनेक दिशानिर्देश
एका क्लिकने कर्णांसह कोणत्याही दिशेने निर्देशित करणारे त्रिकोण तयार करा.
वास्तविक जगातील डिझाइन परिस्थितींमध्ये CSS त्रिकोण कसे वापरले जाऊ शकतात ते पहा.
स्पीच बबल
शुद्ध CSS वापरून त्रिकोणी पॉइंटर्ससह चॅट इंटरफेस तयार करा.
प्ले बटण
CSS त्रिकोण वापरून स्टायलिश प्ले/पॉज बटणांसह मीडिया प्लेयर्स डिझाइन करा.
नेव्हिगेशन बाण
स्वच्छ, हलक्या त्रिकोणी बाणांसह नेव्हिगेशन नियंत्रणे लागू करा.
बॅज किंवा सूचना
CSS त्रिकोणांसह लक्ष वेधून घेणारे बॅज आणि सूचना तयार करा.
भौमितिक नमुना
CSS त्रिकोणांच्या संयोजनाचा वापर करून गुंतागुंतीच्या पार्श्वभूमी आणि नमुने डिझाइन करा.
Tooltip
CSS त्रिकोण वापरून स्टाईल केलेल्या पॉइंटर्ससह परस्परसंवादी टूलटिप्स तयार करा.
CSS त्रिकोण जनरेटर बद्दल
आमचे CSS त्रिकोण जनरेटर हे वेब डेव्हलपर्स आणि डिझायनर्ससाठी डिझाइन केलेले एक शक्तिशाली साधन आहे ज्यांना CSS त्रिकोण जलद आणि कार्यक्षमतेने तयार करण्याची आवश्यकता आहे. तुम्ही एक साधी टूलटिप तयार करत असाल, एक जटिल UI घटक तयार करत असाल किंवा फक्त CSS सह प्रयोग करत असाल, आमच्या जनरेटरने तुम्हाला कव्हर केले आहे.
सीएसएस त्रिकोण का वापरावे?
- हलके: कोणत्याही प्रतिमा किंवा अतिरिक्त संसाधनांची आवश्यकता नाही.
- स्केलेबल: कोणत्याही आकारात परिपूर्ण गुणवत्ता राखा.
- सानुकूल करण्यायोग्य: आकार, रंग आणि दिशा यावर पूर्ण नियंत्रण
- कामगिरी: प्रतिमा-आधारित उपायांच्या तुलनेत लोडिंग वेळा चांगले.
- प्रतिसाद देणारे: सर्व उपकरणांवर उत्तम प्रकारे काम करते
Related Tools
स्टायलस ते सीएसएस कन्व्हर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
SCSS ते CSS कनवर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
कर्ज कॅल्क्युलेटर
आमच्या व्यापक कर्ज कॅल्क्युलेटरसह कर्ज देयके, व्याजदर आणि कर्जमाफी वेळापत्रकांची गणना करा.
बेस६४ ते जेएसओएन डीकोडर
Base64 एन्कोडेड स्ट्रिंग्सना त्वरित फॉरमॅटेड JSON मध्ये रूपांतरित करा. डेटा अपलोड न करता तुमच्या ब्राउझरमध्ये स्थानिक पातळीवर काम करते.
जावास्क्रिप्ट मिनीफायर
प्रोफेशनल-ग्रेड मिनिफिकेशनसह तुमचा जावास्क्रिप्ट कोड कॉम्प्रेस आणि ऑप्टिमाइझ करा. फाइल आकार कमी करा, लोड वेळा सुधारा आणि तुमच्या वेब अनुप्रयोगांसाठी कार्यप्रदर्शन वाढवा.