New CSS properties like transitions, gradients and, of course, pseudo-elements — :before and :after. People use them to create complex things just on a single html element, for some extra decorations without any bloated markup and for so much more. However, pseudo-elements have a major drawback — you couldn't use CSS transitions on them. Until now! Right now the only browser who know how to transition values on pseudos is FireFox. But I'll talk about the method any modern browser would understand — and by which any modern browser could show you transitions for most of the CSS properties right on the pseudo-elements. It's a hacky, quirky way, it won't work for any property, but it's better than nothing — with transitions on pseudo-elements a lot of things would be possible — and I'll show some live examples during my talk.
At the 2012 Jam Session Roman showed and tried to explain how to animate pseudo-elements.
This time he showed five demos of things you thought are not possible in CSS, but he didn't tell you how he did them. Instead, he tried to motivate you not to look into the sources of all the cool demos you happen to see in the internets, to skip the explanations and step-to-step tutorials in favour of your own exploration and experimentation.