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!
Смотрите видео Setting up Font Awesome icons as pseudo-elements онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Kevin Powell 26 Август 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 66,771 раз и оно понравилось 2 тысяч людям.