Anyone know how to do this ?

[chelsea1124]

Hello mcm web developers so today I found something that iv never used before on a website and would like to know how to make it or if there is like a website telling you about this thing then please link me to that but anyw3ay here is the gift showing you what it looks like.

GIF: https://gyazo.com/cd74214e0f688a5219782f906c3220f9

Also, anyone knows how to make a navbar like this

GIF: https://gyazo.com/59136437b515d178fd5e682e5348d773

And please don't be mean to me about this im still know to web development and I stopped learning it for a while as I had a lot of stuff to do with school but I'm getting back into it slowly so please don't be mean to me and say " IF YOU DONT KNOW HOW TO MAKE THIS YOU SHOULD NOT BE DOING WEB DEVELOPMENT".

Thank you from chelsea1124/chelsea1124HD

 

[ShadowFly]

Those are really beautiful.
Here's how I think you make it.
So with CSS, you would do div:hover
and then add a drop shadow https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

 

[Guru Websites]

Dropdowns can be done so many ways.
But here the code for that top one.

#element {
    transition-duration: 0.4s;
}

#element:hover {
    transform: translatey(10px);
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.3);
}

Let me know if you need any more help