Making Wavy or Serrated Edges with CSS
Recently, I found out about text-decoration-thickness, an addition to the set of text-decoration- properties that control text features such as underline.
All posts tagged: css-property
Text Fragment Effect using CSS
Almost all of the text and box fragment designs I’ve seen online use SVG, and maybe even JavaScript, which is great – and resourceful – but I wanted a simpler method (by simpler, I mean CSS 🐒) to show a plain fragment effect 💔
Grouping browser specific CSS code with @supports
Another quick tip, today! This time it’s about the CSS @supports rule. The rule checks for the browser support, or the lack of it, of a given CSS property/value and applies some style if that check is passed.
Vertical Alignment for Inline Boxes
I’ve seen CSS vertical-align used only in table cells before, also, in the centering technique where an element with a display:table parent gets display:table-cell and vertical-align:middle to center its contents, vertically. But who knew, this property is even more useful in a place that’s not a table cell…
CSS Visibility Option: Collapse
You’re probably already familiar with the visibility CSS property. We use it to hide or show something on the page by toggling its value between visible and hidden. But there’s a third value you might not have noticed yet.
