CSS Card Tricks

does anyone know how to make those drag?

what is the music at the end?

Not even sure if this is exactly what I need, but it looks great so it's going into my 'to learn' playlist.
Just building my second card game (first was blackjack and second is MEMORY) with card images, but I want the third one to be solitaire, so the overlapping card look is something I want to learn. Even if this isn't exactly the best method I think it'll still come in 'very handy' to use elsewhere.

Best Channel <3

What IDE is he using? It looks like a magic wand and it's not in the description.

Edit: I figured it out. It's called "Visual studio Code"

Is it possible to implement this on Squarespace?

Rust in 100 seconds please

This is absolutely incredible!

is it okay to use on my website?

amazing!

I really liked the font DM Mono, i will use it, btw, i want to take the web designer career, ik some things using css and html, but not too beautiful or organized, it's a bit confusing to me rn, but ik i can do it, guys give me hope and luck :D.

Wow, I think I'll use this in a personal project

do frontend devs get paid a hectic amount?

Intro to TailwindCSS please

using the git hub code , Flickering on hover , any solution ?

can you make a video on carousel please ?

My God fireship is amazing, I'm digging the practical examples of lesser known css properties/selectors

You are a genius. This needs more clicks. Commenting, to power the YT algorithm.

This is too good that I forgot I hit like the first time then watching half way through the video I hit like again lol

great job

If anyone was wondering why he set .card to position relative, it’s because position relative makes sure the cards stack (a div that is declared after another div in html can stack over it)

Bro this is fire but you go too fast.

Thank you!

Is it responsive?🤔🤔

This is amazing !!!!! Going to use this in my portfolio

This was a joy to code. Thank you

ah yes the general sibling combinator...

I wanna make this mobile friendly (responsive) if your a wiz or already have played around with it, please share your awesome ideas and codepen link or git repo 😋😋

Nice design, I'm thinking about how to make it mobile friendly, easy/quick way to modify and make it responsive, who here can have any good ideas for this? css grid, flexbox, media queries..!?

hover states don't work on mobile devices though :(

Hi Jeff, how did you manage that the tags are not overflow....

you don‘t want to teach something....you just want to show off....

Awesome!

Please make a LESS or SCSS video

bro im watching your videos and the whole "we go fast on this channel" is bs. You hit the ground running the kick it into light speed. These videos, albeit they're great, are super hard to follow if you're coding along. You don't type anything out it just appears then u move on

unreal, if you read html and css one time paying attention than its silly to even watch this - properties now are TRICKS how low the whole western world go

Great tutorial!
Any idea on how to get the same gradient on the svg half circle?
And also could somebody explain, what is the point of linear gradient on the scrollbar track,
when you use the same color as first and second?

Amazing and really imformative

Thank you, I absolutely love the code-along style. Not only helps to get down the aspects, but while coding I can make small adjustments and end up with an end result that I can use in my own applications. Thanks, again!

Amazing tutorial!!👌👍

First 30 seconds made me subscribe, you are awesome man.

I fking love this channel

awesome video!!! <3

Looks clean and crisp. Great video 👍

Please note;
When you refresh you see a weird transition from the initial state of the cards.
To fix this, instead of 'transition: .2s;' add the property you want to animate, so in this case 'transition: .2s transform;'

When you said “tilda character” I was assuming you would show a photo of Tilda Swindon as one of her many villains... Snowpiercer, Dr Strange, Okja, Narnia, Constantine so many funny options