सीएसएस अपराध करना

की छवि

CSS-Tricks का समय समाप्त हो गया है। अब सीएसएस अपराधों का समय है!

सामग्री सेवा प्रदाताओं के इस वर्तमान परिदृश्य में, उपयोगकर्ता अक्सर टेक्स्ट, लिंक्स और छवियों में स्वयं को अभिव्यक्त करने तक सीमित होते हैं। स्वच्छता नियम HTML, जावास्क्रिप्ट और विभिन्न विशेषताओं को अलग कर देते हैं।

सोशल मीडिया सेवा cohost उपयोगकर्ताओं को मार्कअप और इनलाइन शैलियों के साथ अधिक स्वतंत्रता प्राप्त करने की अनुमति देता है, जिसका हम आमतौर पर उपयोग कर सकते हैं। कुछ उपयोगकर्ताओं ने सीएसएस अपराध करने की इस स्वतंत्रता का लाभ उठाया है! इसके परिणामस्वरूप अपरंपरागत तरीकों से गुणों का उपयोग करके परिचित इंटरफेस और इंटरैक्टिव गेम के रचनात्मक मनोरंजन हुए हैं।

ब्लैकल मोरी ने एक गर्भनिरोधक बनाया जहां एक हैंडल को खींचने से धीरे-धीरे गियर, पुली और चेन की एक श्रृंखला बदल जाती है। अंततः साइट के शुभंकर ("एगबग") और उद्घोषणा "गुड जॉब!" को प्रकट करने के लिए एक एपर्चर खुलता है। मैंने इसे डेवलपर टूल में देखा है और यह एक अद्भुत संयोजन है grid, resize, transform, तथा calc(). मैंने a . जोड़ना समाप्त किया border सभी के लिए <div>प्रत्येक व्यक्तिगत तत्व कैसे स्थानांतरित हुआ, इसकी बेहतर समझ प्राप्त करने का प्रयास करें।

अतीत में ऐसी स्थितियाँ आई हैं जहाँ मुझे HTML, जावास्क्रिप्ट और CSS के पूर्ण टूलकिट का उपयोग करने से प्रतिबंधित किया गया है। सजावटी का उपयोग करने के कई उदाहरण हैं सीएसएस आकार छवियों के आसपास पाने के लिए। मैंने उपयोग कर लिया है :hover के लिए एक उपाय के रूप में mouseenter और mouseleave. मैंने उपयोग कर लिया है input:checked एक भाई चयनकर्ता के रूप में टॉगल करने के लिए।

जबकि सीएसएस अपराध शायद ऐसी कोई चीज नहीं है जिसे आप नियमित रूप से नियोजित करना चाहते हैं, हमें उन बाधाओं के भीतर प्रयोगों को अपनाना चाहिए जो रचनात्मक समाधानों को बढ़ावा दे सकते हैं।


सीधा लिंक →

समय टिकट:

से अधिक सीएसएस ट्रिक्स