Skip to main content

Harshal V. LADHE

CSS Pseudo-Elements

Using `::before`, `::after` and other pseudo-elements to add decorative and generated content without extra markup.

Content tagged pseudo-elements

  • Tutorial:CSS-Only Tooltips with attr() and content

    Styled, keyboard-friendly tooltips from one HTML attribute — no JavaScript.
    Build CSS-only tooltips that read their text from an HTML attribute with content: attr() — positioned with a ::after pseudo-element, given an arrow, revealed on hover and keyboard focus, flipped below the element and kept gentle under reduced motion — plus the accessibility limits and pitfalls to know before shipping one.
    Published at:
    Categories:CSS
    Estimated reading time:10 min read