The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more.
Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.
This isn’t totally about AI. It’s about technical writing in the age of AI. I have some thoughts on this and I hope it’s helpful to you humans reading.
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an unmanageable wall of selectors.
Despite the countless number of online resources, it’s easy to get confused when trying to center an element. There are documented solutions, but do you really understand why the code you picked works? Let’s look at the current state of centering options today in 2026.
It still hits like a ton of bricks to see the steep decline in Stack Overflow questions. What does that mean about learning in our industry?
.element { transform: rotate(45deg); }
.element { transform: rotateY(60deg); }
.element { transform: rotateY(30deg); }
.element { transform: rotateZ(90deg); }
.element { animation-timeline: view(); }
.element { animation-timeline: scroll(); }
.scroll-container { scroll-timeline-axis: x; }
.element { scroll-timeline-name: --scroller; }
