Channel: DesignCourse

Category: Howto & Style

Tags: css hover animationcss custom link stylecss link animationcss hover link

Description: bit.ly/3iklTsk 👈 Learn UI/UX Today. Use "UI2022" for 22% Off! designcourse.com/css - My upcoming Interactive CSS Course. -- Today, we're going to step into the world of CSS to create a hover-based link animation with psuedo elements. This technique can be used to create a wide variety of interactive graphics. Codepen demo: codepen.io/designcourse/pen/KKZVjxa 0:00 - Introduction 0:46 - Interactive CSS 1:05 - Project Setup 1:45 - HTML 2:42 - Initial CSS 4:00 - Important CSS 10:39 - Final Thoughts Let's get started! #css #psuedo #animation - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: designcourse.com My personal FB account: fb.com/logodesigner Coursetro FB: fb.com/coursetro Coursetro's Twitter: twitter.com/designcoursecom Join my Discord! discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!