#webdev
5 CSS one-liners to reduce time spent styling
(Thread🧵)
1️⃣ Inset
Inset is a shorthand property for top, bottom, left, and right.
2️⃣ Scroll-behavior
You can create a smooth scrolling animation by setting the scroll-behavior property to "smooth".
3️⃣ Cursor
Change the appearance of the cursor with this property.
You can set images too.
4️⃣ Appearance
You can overwrite the native appearance of the elements by setting this property to none.
By default, it's set to auto which determines the look of the element based on the OS.
5️⃣ Hyphens
The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines.
Save this thread 🔖 for later use with @SaveToBookmark (created by @csaba_kissi) and review your collection at savetobookmarks .com.
@csaba_kissi That's a wrap!
If you found this thread useful:
1️⃣Like ❤ and RT 🔄 the first tweet
2️⃣Follow me, @G3rgoPasztor, for daily tweets on:
💡Tips & tricks related to programming
🛠 Handy web development tools
🤣Programmer memes
📖Motivational texts
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.