Setting up Font Awesome icons as pseudo-elements
The first 1000 people who click the link will get 2 free months of Skillshare Premium: https://skl.sh/kevinpowell0920
Font Awesome is really useful for quickly adding icons to a project that you're working on, but often they're more decorative than anything else, which is why it can be really useful to use pseudo-elements to insert them, rather than adding in empty elements.
In this video, we look at adding them in, and some different ways you can approach it, by adding them to the card I started work on last week.
The previous video: • Animated card with HTML & CSS | Tutorial
The pulsing animation: • Create a pulsing animation with CSS
The code for this project: https://github.com/kevin-powell/popdo...
This video was sponsored by Skillshare
#CSS #popdogclone
--
Come hang out with other dev's in my Discord Community
💬 / discord
---
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: / kevinpowell.co
Twitter: / kevinjpowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Watch video Setting up Font Awesome icons as pseudo-elements online without registration, duration hours minute second in high quality. This video was added by user Kevin Powell 26 August 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 66,771 once and liked it 2 thousand people.