CSS Before and After pseudo elements explained - part two: the content property

The before and after CSS pseudo elements are great, and they have the content property which a lot of people don’t really know how powerful it actually is, so in this video I show you some fun things you can do with it, from a markupless tool tip to a quick dive into CSS counters, which are awesome! The codepen is here: There is more to the css content property than this, but I think these will open your eyes to the possiblities: 00:00 introduction 01:00 use case: simple text befor/after 01:09 use case: insert images (e.g. background) 01:48 use case: opening/close quotes 03:27 use case: tooltip without a markup 07:57 tooltip: add hover effect animation 09:31 tooltip: animation origin 10:53 tooltip reminder: attr 11:00 ... #Kevin_Powell #tutorial #html #css #css_before_and_after #css_pseudo_elements #css_before_and_after_pseudo_elements #pseudo_elements_content #pseudo_elements_content_property 20180222 xoRbkm8XgfQ