Thread by @csaba_kissi

7 CSS Tricks you wish you knew earlier: 👇

1️⃣ Using the :empty pseudo-class to style empty elements:

2️⃣ Using the :not() pseudo-class to exclude certain elements from a selection:

3️⃣ Using the calc() function to perform calculations in CSS values:

4️⃣ Using the :root pseudo-class to define global variables in CSS:

5️⃣ Using the object-fit and object-position properties to control how an image is sized and positioned within an img or video element

6️⃣ Using the background-clip property to control the background painting area:

7️⃣ Using the pointer-events property to control when an element can be clicked.

This can be useful when you have nested elements and want to avoid clicks being handled by the parent element.

If you like this post, you can bookmark and tag it by replying with @SaveToBookmarks #css #tips

You can view your bookmarks on savetobookmarks.com

That's all, guys.

If you found this list useful, consider:

✅ Follow @csaba_kissi for more content like this
🔔 Enable notifications 👀
🔄 Retweeting the first tweet.

Thanks for your support, guys! 🙏🤝