Categories
Website Design

SICK Dropdown Navigation with Micro-Interactions (PURE CSS) [Video]

Watch/Read More

SICK Dropdown Navigation with Micro-Interactions (PURE CSS)

https://bit.ly/3DTmKed👈 Learn UI/UX Today. Use “UI2022” for 22% Off!
— Today, I’m going to show you how to create a really cool hover-based dropdown navigation, inspired by this page here: https://videinfra.com/expertise/ecommerce (hover over “eCommerce” at the top).

Codepen demo/reference code:
https://codepen.io/designcourse/pen/zYaoyEX

0:00 – Intro
0:32 – HTML
2:01 – Basic CSS
8:17 – CSS Animations
12:45 – Final Result

Let’s get started!

#frontend #css #uiux

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS!

Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://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!