CSS टिप्स

ऐसे टिप्स का संग्रह जो दूसरे tutorials में अक्सर नहीं दिखते

• टाइपिंग (ब्लिंक करता कर्सर) इफ़ेक्ट

• Drop-Shadow(); फ़िल्टर

• scroll-behavior: smooth; स्मूद स्क्रॉल

• सेंटर अलाइन करना

• इमेज/इमोजी कर्सर

• Truncate Text

• -webkit-line-clamp : टेक्स्ट को तय लाइनों की संख्या तक काटना

• ::selection

• resize:both; सब कुछ resizable बनाना

• :target से Modal बनाना

• calc()

• :empty selector

• कस्टम स्क्रॉलबार

• position: sticky;

• CSS स्क्रॉल स्नैप

• attr() का उपयोग करके dynamic tooltip

• caret-color से कर्सर का रंग बदलना

• ::in-range , ::out-of-range

• background-clip से शानदार बैकग्राउंड वाले headline टेक्स्ट बनाना

[alstjr7375]

मुझे typing effect के बारे में पता नहीं था, लेकिन यह उपयोगी है।

[xguru]

आजकल center alignment लेखों में 3 लाइनों में दिखाया जाता है.. लेकिन इसे इस तरह 2 लाइनों में भी किया जाता है।

.center {

  display: grid;

  place-items: center;

}