CSS Isometric Menu Hover Effects

[@shawnlee6775]

Everybody gangsta till you gotta do responsive design.

[@ShodaiThox]

An absolute beauty, good job at getting this done, it's not complicated, clean and well explained !

[@anonimo6603]

This is a really nice tutorial. Simple, beautiful and that does not mess up the HTML document. Really very nice. (I apologize for the English pesso, I use google translate.)

[@theman111]

Xd

[@puspamadak]

On 1st glance I thought it was made using CSS 3D transforms. But the way you made it ony using 2D skew, is amazing.

[@acheck52]

You're my code hero. Never cease to amaze me. I've learned so much from you!

[@amr19932012]

first glance I thought it'd be impossible using css only, good job !

[@acheck52]

He makes the seemingly impossible, possible

[@tycooperaow]

I'd like to see how this 3D menu could be implemented on a website. It looks cool, just thinking on where it could be applied

[@spencebuzz9220]

As an overlay probably.

[@mansoorqaisrani5644]

Nowadays there are many fancy NFT websites which are very different from traditional layouts. It can be implemented there

[@tycooperaow]

@@mansoorqaisrani5644 Thats one reason I do love NFTs. They have some of the most creative websites I ever seen

[@GarudaGamer_Telugu]

How to install a visual studio code and also how to use

[@percsimihaly6814]

@@GarudaGamer_Telugu google u friend

[@mohdzunaid8049]

Your videos are always full of learnings 😍

[@OnlineTutorialsYT]

Happy to hear that!

[@gulnozanizomova1410]

👌👌👌👌

[@TheMisiekMisiek]

Fantastic! Really good job. And I appreciate good relaxing music, too.

[@somesome1315]

spending 30minutes learned alot of css thanks

[@akbarpura8]

Wow...... great work very good bro keep it you are best 💓💓💓💓 👍👍👍👍

[@Mike-jq7os]

Seria bueno que el box shadow tambien se mueva cuando la caja se mueve. luego el tema del contraste de colores tambien corregiria, por el resto esta excelente !!

[@lazylongg]

The vscode theme you used looks really clean. Hope will be a video sharing about the extensions/custom themes you used !

[@rnater7145]

a pointer tells a thousand words! amazing!

[@BogdanOprea7]

So cool ! Awesome video, man! Subscribed ! Thanks for sharing your knowledge with us ! Keep it up !

[@wisdomtomato7331]

sick animation bro, that was excelent, i'm considering to buy your udemy curse

[@arpit02]

Nxt level of creativity dudu ... 🔥

[@magnilsonmoreira8131]

This is an absolute amazing thing that I have ever seen!

[@mksktube]

Awesome job, even not job, it's CSS art.

[@ThrashyB]

bruh... css gods out here.. legendary

[@diwakar_tsn]

King of css 😇 💖 💕 🇳🇵

[@ngochunglongnguyen4523]

Fascinating, good job!

[@magnetars8]

Bhaijan, I always wait for your content because of your crazy creativity

[@bazy1983]

Your css skill is mind-blowing

[@SZOKE19940321]

this was so good to watch, nicely done

[@BieAnimation]

Awesome project! I learned new HTML thing trick that i have never imagined

[@thelut1bicolor]

omg really, really good work, i love it ! It's very cool

[@X7cF4]

When an item is hovered, you also shouldv have made the shadow extend, so it seems more relistic

[@htetshine5713]

You guys are on next lvl

[@AdityaYadav-pl9od]

Very helpful video sir . I will add this menu to my website

[@fakekhan6495]

love u brother! nice explanation!

[@williamkakooza4603]

Thank you Professor 😊

[@vladshepeluk7442]

Great job human👍

[@HabiasaDeveloper]

Beauty of CSS

[@dmytroberezhnyi717]

Wow, I am android developer and it looks really cool

[@gulnozanizomova1410]

Best of the best

[@neodevils]

That's amazing, subscribed!

[@inom_musk383]

The best🔥🔥🔥🔥

[@auronedgevicks7739]

insane. absolutely insane

[@nafimahmud7842]

what a way to use Z-index, Subscribed immediately...

[@magnetars8]

Bhaijan gazab

[@yauhenisafronau9302]

You are a genius, bro.

[@drac.96]

This would look great on my portfolio site!

[@leesweets4110]

brilliant. I copied it all for my site. Thanks for the code.

[@michaelolukaka]

How do you even come up with this ideas...this is awesome bro

[@JackySupit]

This guys knows the color code, without even choose on a color picker. That's it. I'm done.

[@bhargavasai5557]

Really excellent

[@venkatesh2285]

Your videos are awesome buy if you would have uploaded the video with explanation then it would be great.

[@dragonborn4499]

In ul li:hover::after background it was possible to put inherit. The result would be the same

[@erickveraalanis2525]

Awesome! I will try this one

[@gizmo7629]

Demasiado elegante, perfecto, amo ese menu

[@tk7030]

absolut genius

[@formyself786]

What a amazing dude 👏

[@hungvo-mk4gx]

So great... Thankk you

[@GOGODEV]

Stunning!

[@cryptoforliving9911]

wow.. thats amazing

[@solvedplus858]

wooooow, this is very awesome

[@ArthurKatrushko]

it looks fancastic

[@mohammadmahfuzkhan5814]

Wow thats an amazing design

[@maheshvishwakarma8892]

You are great teacher. 😊

[@viallymboma9874]

awesome amazing...just wanna add a contribution for improvement on hovering all the element and getting a shadow for each of them: you can actually also put a shadow for each of the rest of the li and hide them with z-index and show them on hover...😊😊🎉🎉 just a contribution 🙏

[@marcosoliveira8731]

Beautiful work!

[@pitbrest]

truly fantastic things, thank you

[@avrahamstern4550]

css is magid :-) i would do primitive wannabe 3d menu by graphics and css positioning :D

[@paradox987]

As always amazing tutorial. Thanks for the video.

[@svidetel_bitcoina]

Is it possible to fix/set the position of the last-child box shadow stable/nonmoving when the last element/ child moves sideways on hover?

[@mooshmassacre]

Really cool! 🤩

[@francislambert5189]

I have the both of them, just not as far apart as in the video.. Any help would not hurt, however, Great job with just CSS.

[@drac.96]

Man, what a nice tutorial!

[@tardigradopereirainotchvic2969]

Se é foda Man! (Bom sentido). Transition: perspective melhora efeito em 3d.

[@ismailal-zahrani3360]

Fantastic 👍

[@DARKSTUFF36]

awesome🤩🤩

[@TekNuz]

nice video great for learners

[@uon7107]

it is really good

[@VictorMartinez-rp7ig]

Yo should considera using GSAP 3 for the animations, its a JavaScript lib

[@jsonkody]

I am here for the music

[@MasudRana-ru3qd]

Very NIce.

[@felixfigueroa]

Awesome Master..!

[@drs2701]

superb❤

[@gabohia8385]

Thanks for this CSS Isometric Menu hover. Please Mr Online Tutorials can you make it to removeClass the TRANSFORM: TRANSLATEX(-35px) when click on the same addClass.

[@DerAleksey]

всё удивляюсь, интересная эта фишка переменные через style:

[@gouravverma2332]

You nailed it..

[@persosultubo1289]

What if i want the buttons to do something for example redirect to a link or bring up a new page. (I'm new to html and css so pls explain)

[@rohhanbhardwaj]

in 1:02 where he write "#" in replace of it you can write any url which will redirect to link

[@kaddet10]

Very Nice as always!!!!.... How can i made a vertical wheel menu Navigator (like Hyperspin frontend)?... Any clues?

[@mohamedbadresmail6868]

fantastics bro

[@lankoni]

Awesome. Thanks a lot!

[@squadron2507]

I created index.html, style.css and I did everything like in this video, and if I run index.html I get a 'bad link, check link and proxy server' message. I can see the IP in your browser, what is that IP? Maybe I should do the same. For me there is the problem that html and css do not connect together despite the fact that I did everything as in the movie

[@Imran_kpk]

So great

[@ariankheradmand4947]

WOOOOW nice job

[@ankub7835]

🤘😝🔥🔥🔥So nice

[@ritesh4460]

Amezing ❤️

[@gkapps1553]

Basically a code artist

[@Junglee_6]

that was so nice

[@Thanhdev153]

Đỉnh quá pro ơi

[@lipr12]

U re great as always!!!

[@itgun]

brilliant

[@elgoharimoustafa3387]

good job

[@nooraniali]

This was gorgeous. I wonder how it looks/works on mobile. Is there a link to it?

[@marcodamian]

It uses a lot of hover effects, so, I guess that in mobile it looks ugly.

[@donp2926]

If we want to create 2 menus, how do we style each one separately? Nice tutorial by the way!

[@sjoerdsytacc448]

Work with classnames instead of hardcoding everything on the element.

[@newentu]

Increíble trabajo 👏👏