Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Whoot! I just learned you can use animatable CSS grid rows to transition an element's height from 0 to auto! Toggle a class and see the magic happen. Thx to Chris Coyier for sharing this little gem. 💯 Video alt: Exampe showing an animated height.

Stefan Judis

12,336 subscribers

238,298 views • 3 years ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥

Minko Gechev

14,504 views • 3 years ago

Today I learnt that you can: - use arrow keys to move an object - use < and > to rotate - use Page Up and Down to move an object up and down I LOVE THE PEOPLE WHO MADE THIS A THING. Kisses for you 😘😘😘 #WoWHousing

Today I learnt that you can: - use arrow keys to move an object - use < and > to rotate - use Page Up and Down to move an object up and down I LOVE THE PEOPLE WHO MADE THIS A THING. Kisses for you 😘😘😘 #WoWHousing

Rage Darling ✈️👉🏼 BlizzCon

30,761 views • 8 months ago

When I play arcade games at home, I could just set them to free play, but I actually prefer inserting coins myself. The sound of the coin rolling in and the credit counter going up is a huge part of the experience for me. It really brings back the feeling of being in an arcade back then. That’s why I even use an old cigarette ashtray as a coin holder. At first, I bought a chair that looked similar to an arcade stool, but the height felt strangely uncomfortable. So I ended up ordering actual Japanese arcade stools from a company in Japan, and the height is just perfect👌 Once you own an arcade cabinet, collecting little accessories like that becomes part of the fun too. And when you hang game posters on the wall, the whole atmosphere becomes incredible😆

When I play arcade games at home, I could just set them to free play, but I actually prefer inserting coins myself. The sound of the coin rolling in and the credit counter going up is a huge part of the experience for me. It really brings back the feeling of being in an arcade back then. That’s why I even use an old cigarette ashtray as a coin holder. At first, I bought a chair that looked similar to an arcade stool, but the height felt strangely uncomfortable. So I ended up ordering actual Japanese arcade stools from a company in Japan, and the height is just perfect👌 Once you own an arcade cabinet, collecting little accessories like that becomes part of the fun too. And when you hang game posters on the wall, the whole atmosphere becomes incredible😆

Gamer_lafan

49,790 views • 3 months ago

Paul Schrader says "people will pay" to watch AI actors: "I think you can create an AI star. Use a little bit of Brando, a little bit of Kevin Costner and make an exciting movie, and I think people will pay to see that movie."

Paul Schrader says "people will pay" to watch AI actors: "I think you can create an AI star. Use a little bit of Brando, a little bit of Kevin Costner and make an exciting movie, and I think people will pay to see that movie."

Emir Han

31,820 views • 7 months ago

I saw an exploit where you could see players through smoke with NVIDIA Game Filters. I played with the filter settings and found a much better setting. Not sharing it here for obvious reasons however this is just ridiculous. CS2 You need to use -allow_third_party_software to use it. A temporary fix could be to disable MM queue for users with this launch option.

I saw an exploit where you could see players through smoke with NVIDIA Game Filters. I played with the filter settings and found a much better setting. Not sharing it here for obvious reasons however this is just ridiculous. CS2 You need to use -allow_third_party_software to use it. A temporary fix could be to disable MM queue for users with this launch option.

Thour

473,777 views • 2 years ago

You can chop down any tree in Crimson Desert using an axe or magic attacks, and use the wood for crafting. An insane detail to put in a game that looks as photorealistic and huge as this.

You can chop down any tree in Crimson Desert using an axe or magic attacks, and use the wood for crafting. An insane detail to put in a game that looks as photorealistic and huge as this.

Synth Potato🥔

434,749 views • 6 months ago

Single prompt ad 👇 You can instruct Grok to make an entire ad from a 2x2 grid generated in NB Pro. If you don't see this evolving into some insane use case in the next couple of years, you are delusional. Or you're just very behind on AI. Prompt below:

Single prompt ad 👇 You can instruct Grok to make an entire ad from a 2x2 grid generated in NB Pro. If you don't see this evolving into some insane use case in the next couple of years, you are delusional. Or you're just very behind on AI. Prompt below:

Alex Patrascu

19,309 views • 6 months ago

Design Engineering Tip: Don’t reveal a grid all at once. Use stagger() to give every item a tiny delay. You can add an extra motion detail to give the reveal more character, like this tiny swing. import { stagger } from "motion" animateView(update) .add(".item") .enter( { opacity: [0, 1], y: [12, 0], rotate: [-2, 0] }, { delay: stagger(0.05, { from: "center" }) } )

Design Engineering Tip: Don’t reveal a grid all at once. Use stagger() to give every item a tiny delay. You can add an extra motion detail to give the reveal more character, like this tiny swing. import { stagger } from "motion" animateView(update) .add(".item") .enter( { opacity: [0, 1], y: [12, 0], rotate: [-2, 0] }, { delay: stagger(0.05, { from: "center" }) } )

Gabriel

61,602 views • 1 month ago

random nerd movement realization i had yesterday. You can trigger a slide by walking of an edge to cross the 200hu/s required to initiate a slide. This let's you initiate a slide without having to sprint so you can do it out of a backwards walk. You can also do this with a jump-slide. But this "new" method let's you do it without a jump. Realization: This prevents jump fatigue so it let's you "slidejump" backwards but at full jump height. Not revolutionary or anything. Just a little thing i realized and thought was kinda neat🙃

random nerd movement realization i had yesterday. You can trigger a slide by walking of an edge to cross the 200hu/s required to initiate a slide. This let's you initiate a slide without having to sprint so you can do it out of a backwards walk. You can also do this with a jump-slide. But this "new" method let's you do it without a jump. Realization: This prevents jump fatigue so it let's you "slidejump" backwards but at full jump height. Not revolutionary or anything. Just a little thing i realized and thought was kinda neat🙃

Mokey

51,261 views • 1 year ago

Showing the same moment from multiple angles is a common film technique to amplify impact. I made an explosion version you can use as a base. You can easily adapt it to fight and crash scenes. Give it to your LLM and generate your own variations. Seedance 2.0 Prompt below 👇

Showing the same moment from multiple angles is a common film technique to amplify impact. I made an explosion version you can use as a base. You can easily adapt it to fight and crash scenes. Give it to your LLM and generate your own variations. Seedance 2.0 Prompt below 👇

Kōda

24,060 views • 4 months ago

So happy to creat the exclusive poster for Xavier Love and Deepspace I made an animated version of it, sharing it with everyone here！ Can’t wait for you all to see the full story of Fallen Crown today. #loveanddeepspace #xavier #xavierkingofdarknight #gaming #c4d #zbrush

So happy to creat the exclusive poster for Xavier Love and Deepspace I made an animated version of it, sharing it with everyone here！ Can’t wait for you all to see the full story of Fallen Crown today. #loveanddeepspace #xavier #xavierkingofdarknight #gaming #c4d #zbrush

min_shi_art

325,163 views • 1 year ago

Heartbreaking video showing a man killing an innocent snake 😭. I think Arojinle needs to see this and take appropriate legal action against the man.

Heartbreaking video showing a man killing an innocent snake 😭. I think Arojinle needs to see this and take appropriate legal action against the man.

CrownprinceCom2

91,637 views • 7 days ago

Magic Quill: A Free AI Image Editor That Feels Like Magic This tool is incredibly useful and free to use now! It lets you select parts of an image and edit them with just a text prompt. Mostly I’ve gotten exactly what I needed on the first try! Here’s how to use it:

Magic Quill: A Free AI Image Editor That Feels Like Magic This tool is incredibly useful and free to use now! It lets you select parts of an image and edit them with just a text prompt. Mostly I’ve gotten exactly what I needed on the first try! Here’s how to use it:

el.cine

197,108 views • 1 year ago

I never got around to sharing the video version from the factory, so you can have it now, get a better view all around and see what they're like to move in.

I never got around to sharing the video version from the factory, so you can have it now, get a better view all around and see what they're like to move in.

Kitutal Toys

43,420 views • 1 year ago

In Sa2, you can hold the jump button on the wide springs to gain extra height, which allows you to do cool skips or access new routes, this differentiates them from the normal ones and makes them more than just 3 normal springs glued together, I wish they would bring this back

In Sa2, you can hold the jump button on the wide springs to gain extra height, which allows you to do cool skips or access new routes, this differentiates them from the normal ones and makes them more than just 3 normal springs glued together, I wish they would bring this back

Proto arts

39,786 views • 2 years ago

Magic update ✨: I just finished feeding him and this time he latched onto the syringe and sucked the formula out. He ate just over 5ml all on his own! Thank you so much to everyone that’s donated to help this little guy 🩵 Here’s a little video of him from a min ago

Magic update ✨: I just finished feeding him and this time he latched onto the syringe and sucked the formula out. He ate just over 5ml all on his own! Thank you so much to everyone that’s donated to help this little guy 🩵 Here’s a little video of him from a min ago

Nani 📦👻 Purranormal Vtuber

11,230 views • 4 months ago

Quick tip: You probably know that you can extend an AI video by extracting the last frame and using that frame as the initial image for image to video. If you join the videos with Capcut (free video editor) you can use Mix to smooth out the transition which will very quickly improve your result. AI videos here generated with Pika (super impressive text to video) and Minimax (super impressive image to video).

Quick tip: You probably know that you can extend an AI video by extracting the last frame and using that frame as the initial image for image to video. If you join the videos with Capcut (free video editor) you can use Mix to smooth out the transition which will very quickly improve your result. AI videos here generated with Pika (super impressive text to video) and Minimax (super impressive image to video).

TomLikesRobots🤖

18,850 views • 1 year ago

I agree, the person in this picture does not look like Tyler Robinson Mel Do you not understand that you’re sharing what appears to be an AI enhanced photo from the original video evidence? Did you not bother to do five minutes of research before sharing this disinformation? I put together this very clear comparison so you can understand what you just did.

I agree, the person in this picture does not look like Tyler Robinson Mel Do you not understand that you’re sharing what appears to be an AI enhanced photo from the original video evidence? Did you not bother to do five minutes of research before sharing this disinformation? I put together this very clear comparison so you can understand what you just did.

Viva Frei

1,057,970 views • 14 days ago