14 Tweets Feb 14, 2023
CSS Tips to Improve Your Web Design and Development💡🚀
A thread🧵↓
⚡ Make scrolling on a page smooth.
⚡ Add a drop shadow to an element.
⚡ Change the color of the cursor in a text input field.
⚡ Make an element stick to the viewport when scrolling.
⚡ Change the mouse cursor to a pointer when hovering over an element.
⚡ Force long words to wrap to the next line.
⚡ Add a transition effect to an element.
⚡ Rotate an element
⚡ Use `background-clip: text;` to set the background color or image to only fill the text, rather than the entire container.
⚡ Set an image as a cursor.
⚡ Use `:empty` selector in CSS to select and apply styles to elements without any specific attributes or content.
⚡ Use the `:focus` selector to change the styles of elements when they are in focus.
That's it for now. Thank you for reading!
If you found it helpful, like and retweet the first tweet and follow @ishratUmar18 for more awesome content.

Loading suggestions...