CSS Stacked Cards Hover Effects | Html CSS

[@lucianocosta9807]

Hello! just to say, I'm your fan! I am a beginner in the technology area and I really like your youtube channel. congratulations !!!!!

[@chefbennyj]

I had no idea you could declare custom css variables inline, inside style attributes! I can't believe I didn't know that!! 🤯 Also, I had to add "!important" to the opacity value in ".container:hover .card" to make the opacity stick!

[@surenderoati]

just awesome.. gonna use it in my project

[@BabitaKumari-iy2zp]

Me wait, !!!what !!!! Mind blowing man ❤️❤️❤️ Apericitate your work 🔥🔥👍🏼👍🏼

[@heinzcodeur3012]

i like this guy. he is very clever...

[@atifsaleem2599]

It is amazing, man!!!

[@ivanhill9759]

I can’t wait to combine this effect with one of your other cards 😁😁

[@Frankslaboratory]

New variation. Didnt expect it to do that. Cool 😎 😊

[@snssatyabhagavan]

What you prefer bootstrap or flexbox?? Nice

[@yvesyao3529]

6th to see 4th to like. I'm back . teacher you have all my respect. with such a work, I can only be admiring 👏👏👏💓💓💓💓

[@Abdullah-sy9hx]

He collected these from internet and make this video; Simple to understand...!

[@joseisraeldiazzapata5179]

omggg ninja skills, master mind. Awesome video man :3 😎

[@EstebanVera]

Awesome video!

[@khalidissil3846]

Its a mazing teacher ❤

[@Deus-lo-Vuilt]

ty

[@shhdevon]

Incredible!!!

[@chefbennyj]

This was great! What are those variables in the style attributes "--i:1" and "--j:2"? I've never seen that before? Where are they declared? I didn't see you use any "root" tags in your css. Im definitely going to learn something from this... I think.

[@surenderoati]

these are just variable name with value after : and can access using var keyword in css.

[@Abdullah-sy9hx]

@@surenderoati This is SCSS You can get many video about SCSS

[@ertugrulsenceruzun9772]

Its amazingg

[@ati43888]

great

[@rahulraipuria8715]

Woow really awesome

[@yeiberpalomino3117]

1:49

[@fatoshalimi4347]

Its wonderfull.

[@Nazareno_three]

Nice!

[@some666some]

Thank you very much for this! Added slightly wider, transparent div inside a card div, this removes flickering when mouse is between 2 opened cards.Hope this will help someone :).

[@tomayo9136]

Hey could you elaborate, I'm trying to fix this issue as well, thanks

[@camyrado7140]

Magnificent video. But I have a question, what should values be in "--i:x" if I want 4 or more cards

[@jsdidimo]

Those variables doisnt work at my copy, how did i get it resolved? Its give me some errors. Thank you for everything.

[@jsdidimo]

I got it.

[@Abdullah-sy9hx]

This is not css; this is scss; scss contains variables but css not...! You have to take scss tutorials to understand variables

[@TariqKhan-yk9mg]

Excellent work. Keep it up. One question, when I apply background color to the container, the last card disappears, it shows on hover but not on normal.

[@elegant_gaming]

is there any way to make this responsive?

[@chillesuraj1909]

Brother, I wanted to add buttons to the card

[@rohit_bhardava]

What is name of background music ?

[@polosanlinkpubg8874]

Hmm Hehehemm Hehehehm

[@rehanahmed6210]

👍👍

[@kidskpadonou894]

plz whats the name of the music

[@sikandarkumar7563]

How much years of experience you gain in animation

[@mariajegan2409]

does't work me

[@Abdullah-sy9hx]

Why I get Notification after one day? 😅 Ridiculous

[@ViruSamah]

wp

[@brightknowledge5780]

Where is code

[@SAURAVKUMAR-cl4mt]

3rd

[@Absaralam006]

I am 2st

[@emeservices4937]

4:42 error: z-index: calc(-1 * var(--i));

[@BalachandranSumathiB]

this is not mobile responsive. Can u tell us how to make it responsive?

[@kabishek1984]

Nothing different... U are uploading same design again and again for Bullshit views

[@wane8129]

First :3