#pseudo-elements

[ follow ]
#css-overflow-module-level-5 #scrolling-controls #carousel #chrome-142 #css-counters #react-component
Web development
fromFrontendmasters
1 week ago

How to Add and Remove Items From a Native CSS Carousel (...with CSS)

CSS Overflow Module Level 5 provides scroll buttons and scroll markers as pseudo-elements to navigate overflow and build interactive carousels, supported in Chrome 142+.
fromFrontendmasters
1 month ago

CSS Counters in Action

Let's say we wanted a React component that renders a few lines of text, where the number of lines is received as a prop. But we also want to display line numbers next to each line, and we want to use CSS to do so. That last assumption might seem silly, but bear with me; we'll look at a real-world use case at the end.
Web development
Web design
fromSarasoueidan
2 months ago

CSS to speech: alternative text for CSS-generated content

CSS ::before and ::after pseudo-elements insert presentational content that can contribute textual content to an element's accessible name but are not exposed in accessibility tree.
[ Load more ]