CSS Before and After Pseudo Elements Explained - The Content Property

CSS Before and After Pseudo Elements Explained - The Content Property

Kevin Powell via YouTube Direct link

introduction

1 of 21

1 of 21

introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

CSS Before and After Pseudo Elements Explained - The Content Property

Automatically move to the next video in the Classroom when playback concludes

  1. 1 introduction
  2. 2 use case: simple text befor/after
  3. 3 use case: insert images e.g. background
  4. 4 use case: opening/close quotes
  5. 5 use case: tooltip without a markup
  6. 6 tooltip: add hover effect + animation
  7. 7 tooltip: animation origin
  8. 8 tooltip reminder: attr
  9. 9 use case: text decorations
  10. 10 use cases: text decoration: font awesome
  11. 11 use cases: counters
  12. 12 use cases: counters: adding text space, braces, etc
  13. 13 use cases: counters: put in a circle
  14. 14 use cases: counters: put in a circle: align using flex
  15. 15 use cases: counters: put in a circle: border-radius
  16. 16 use cases: counters: put in a circle: border
  17. 17 use cases: counters: put in a circle: border-box
  18. 18 use cases: counters: put in a circle: color
  19. 19 use cases: counters: ol
  20. 20 use cases: counters: ol: turn off list style
  21. 21 use cases: counters: ol: couter-reset

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.