डिजाइन और एल्गोरिदम ट्यूटोरियल 2025, अप्रैल

सीमा त्रिकोण - सीएसएस-ट्रिक्स

सीमा त्रिकोण - सीएसएस-ट्रिक्स

त्रिकोणीय यूनिकोड वर्ण हैं। आप एसवीजी में एक त्रिकोण बना सकते हैं। लेकिन वेब पर एक त्रिकोण खींचने का एक और तरीका है, जिसमें सीमा संपत्ति और थोड़ी सीएसएस चालबाजी के अलावा कुछ भी नहीं है। "

स्क्रॉल एनीमेशन - सीएसएस-ट्रिक्स

स्क्रॉल एनीमेशन - सीएसएस-ट्रिक्स

कुछ स्क्रॉल एनिमेशन हैं जो सीएसएस में बिना किसी जावास्क्रिप्ट के संभव हैं। बस स्क्रॉल इंडिकेटर के अध्याय को देखें, जो स्पष्ट रूप से CSS जादू है। लेकिन हम सीएसएस में सीधे स्क्रॉल एनीमेशन का एक बहुत काम कर सकते हैं, जिसमें केवल एक छोटी सी जानकारी जावास्क्रिप्ट द्वारा प्रदान की गई है: पृष्ठ ने कितनी दूरी तय की है। "

बॉक्सिंग बटन - सीएसएस-ट्रिक्स

बॉक्सिंग बटन - सीएसएस-ट्रिक्स

बॉक्स-छाया संपत्ति स्पष्ट रूप से प्रकाश छाया के लिए उपयोगी है जो तत्वों को आयामीता और अलगाव की भावना प्रदान करती है। लेकिन बॉक्स-शैडो के पास अपनी आस्तीन के ऊपर कुछ चालें थीं, खासकर कैसे एक बॉक्स छाया को नरम होने की आवश्यकता नहीं है, इसे स्टैक किया जा सकता है, और विशेष रूप से पास होने की भी आवश्यकता नहीं है। "

एक धारीदार बारबरपोल एनीमेशन - सीएसएस-ट्रिक्स

एक धारीदार बारबरपोल एनीमेशन - सीएसएस-ट्रिक्स

आप रैखिक-ढाल का उपयोग करके सीएसएस में पृष्ठभूमि की धारियां बना सकते हैं। हम अक्सर एक ढाल को एक रंग से दूसरे रंग में फीका समझते हैं, लेकिन धारियों के लिए चाल किसी भी तरह से फीका नहीं होती है। इसके बजाय, हम एक ही स्थान पर "रंग स्टॉप" निर्दिष्ट कर सकते हैं, जैसे कि रंग तुरंत एक (…) से बदलता है

लचीले ग्रिड - सीएसएस-ट्रिक्स

लचीले ग्रिड - सीएसएस-ट्रिक्स

शायद सीएसएस ग्रिड के सभी में सबसे बड़ी चाल एक स्तंभ लेआउट लिखने में सक्षम हो रही है जो स्पष्ट रूप से पंक्तियों या स्तंभों की संख्या की घोषणा नहीं करता है, लेकिन स्वचालित रूप से उन्हें कुछ ढीले निर्देशों और आपके द्वारा प्रदान की गई सामग्री के आधार पर बनाता है। "

खींचने योग्य तत्व - सीएसएस-ट्रिक्स

खींचने योग्य तत्व - सीएसएस-ट्रिक्स

स्क्रीन के चारों ओर एक तत्व को खींचना कुछ ऐसा है जो जावास्क्रिप्ट के क्षेत्र में बहुत मजबूती से है। आप क्लिक और माउस मूवमेंट जैसी डोम ईवेंट पर पहुंचना चाहेंगे। लेकिन हम यहां सीएसएस ट्रिकरी के बारे में बात कर रहे हैं तो चलो इसे HTML और सीएसएस में अकेले कर दें! "

जब लेबल क्लिक किया जाता है तो ट्रिगर पर क्लिक करें सीएसएस-ट्रिक्स

जब लेबल क्लिक किया जाता है तो ट्रिगर पर क्लिक करें सीएसएस-ट्रिक्स

लेबल में "विशेषताओं" के लिए होना चाहिए जो उस लेबल की आईडी से मेल खाते हैं जो वे लेबल कर रहे हैं। इसका मतलब है कि हम उस विशेषता को रोके और इसका चयन करने वाले में उपयोग कर सकते हैं "