CSS tips and tricks you won’t see in most of tutorials.
CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content.
Did you know that you can use your own image, or even emoji as a cursor?
Did you know that you can truncate text with plain CSS?
You can use “-webkit-line-clamp” property to truncate the text to the specific number of lines. An ellipsis will be shown at the point where the text is clamped.
You can find more HTML/CSS/JS Tips here: github.com/MarkoDenic/awesome-html-css-js-tip
If you liked this article, be sure to ❤️ it.
This article is a repost from my blog. Find the original post here: CSS Tips.