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.

#CSS linear() easing can be soft, subtle and minimal OR firm, tense and loud here's how I'm using it in a few areas of my site ❤️ so fun.

Adam Argyle

58,560 subscribers

16,164 views • 1 year ago •via X (Twitter)

Education Arts Science & Technology #CSS

Anya Rossi• Live Now

Private livecam show

6 Comments

Adam Argyle1 year ago

learn more about linear()

Wallaby Team1 year ago

🚀 Wallaby.js v2 is here! 🎉 ▪️New unified UX ▪️Works with ALL editors (NeoVim, Zed, Vim, etc.) ▪️Interactive test timeline ▪️and much more! Ready to take your testing to the next level? 💻🔍

Matthias Martin1 year ago

I've built an easing editor which uses the linear() function to achieve easing curves like spring, bounce wiggle and overshoot.

Adam Argyle1 year ago

D00d, it's very good 🙏 I've def helped share it

@courtneyr_dev 🌻1 year ago

Do you have a tutorial available about your comments section? That is 🤯

Adam Argyle1 year ago

i dont! but it's Bridgy that aggregates comments and likes related to posts that include my domain. i hit their API from my Deno server and SSR the page. there's lots inbetween, but that's the gist!

Related Videos

CSS contrast-color is newly baseline, but it falls short in some areas. Here's how it works, and what to look out for:

CSS contrast-color is newly baseline, but it falls short in some areas. Here's how it works, and what to look out for:

Firefox for Web Developers

17,114 views • 3 months ago

I recreated Emil Kowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼

I recreated Emil Kowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼

Kevin

106,908 views • 3 months ago

So I'm building a new version of the Cursor docs... ...and ironically ran into a Next.js issue 😂 So here's how I debugged and fixed it. Might be interesting!

So I'm building a new version of the Cursor docs... ...and ironically ran into a Next.js issue 😂 So here's how I debugged and fixed it. Might be interesting!

Lee Robinson

87,107 views • 10 months ago

You can legit build your own OpenClaw🦞 from scratch in about 20 minutes with the @GitHub Copilot SDK. And when you build it, you can make it do anything. Here's how to build a personal AI assistant, and how I'm using one today.

You can legit build your own OpenClaw🦞 from scratch in about 20 minutes with the @GitHub Copilot SDK. And when you build it, you can make it do anything. Here's how to build a personal AI assistant, and how I'm using one today.

Burke Holland

26,868 views • 4 months ago

Here's a simplified video explaining the difference between soft forks and hard forks in Bitcoin, how both can (or cannot) cause chain splits, and some updated thoughts on BIP-110...how it will likely stall in early August and fail to activate in September.

Here's a simplified video explaining the difference between soft forks and hard forks in Bitcoin, how both can (or cannot) cause chain splits, and some updated thoughts on BIP-110...how it will likely stall in early August and fail to activate in September.

Wicked

39,343 views • 5 months ago

we are so cooked AI now can replace actor from any film.. talking, acting, emotion and any subtle details can be copied perfectly.. its over for Hollywood here's how to do in 5 mins:

we are so cooked AI now can replace actor from any film.. talking, acting, emotion and any subtle details can be copied perfectly.. its over for Hollywood here's how to do in 5 mins:

el.cine

121,777 views • 6 months ago

Being the best #mother I can be! They said I wasn't going to be a good mother or they said I was this and that and not fit to be a nurturing mom or a caring Mother! I'm with my seed every step of the way! I'm the #mother I never had! And I'm enjoying the process ❤️❤️❤️❤️

Being the best #mother I can be! They said I wasn't going to be a good mother or they said I was this and that and not fit to be a nurturing mom or a caring Mother! I'm with my seed every step of the way! I'm the #mother I never had! And I'm enjoying the process ❤️❤️❤️❤️

Joseline Hernandez

586,744 views • 10 months ago

We've turned Freepik into something bigger than a stock site over the last few months. Here's a glimpse of what you can do, easier and faster than before, using our AI and newest tools. Ignore this tweet, or RT it to win a Freepik subscription for a FULL year. It's up to you.

We've turned Freepik into something bigger than a stock site over the last few months. Here's a glimpse of what you can do, easier and faster than before, using our AI and newest tools. Ignore this tweet, or RT it to win a Freepik subscription for a FULL year. It's up to you.

Magnific

92,539 views • 1 year ago

Anime.js 4.2.0 is out! 🧩 All modules can now be imported individually with subpaths 🎨 CSS variable values support 🏹 Simpler spring API with bounce & duration params 📈 More WAAPI built-in easing functions 🎛️ And an easing editor! Plus tons of fixes and improvements!

Anime.js 4.2.0 is out! 🧩 All modules can now be imported individually with subpaths 🎨 CSS variable values support 🏹 Simpler spring API with bounce & duration params 📈 More WAAPI built-in easing functions 🎛️ And an easing editor! Plus tons of fixes and improvements!

Julian Garnier

292,840 views • 9 months ago

👀 "It has to be a lighter touch!" 🙌 "It should be minimal interference!" Henry Winter explains why VAR is a force for good in Football and how it can be fixed

👀 "It has to be a lighter touch!" 🙌 "It should be minimal interference!" Henry Winter explains why VAR is a force for good in Football and how it can be fixed

talkSPORT

104,501 views • 5 months ago

Here's the lineart for you guys, have fun showing your skills! Just credit me for using it, and alongside it have the timelapse of how this art came to be ^^

Here's the lineart for you guys, have fun showing your skills! Just credit me for using it, and alongside it have the timelapse of how this art came to be ^^

🗿KAD THE CHAD🗿

264,480 views • 1 year ago

With the new scrambleText() feature, you can control reveal direction, create cursor effects, apply perturbation and easing, and chain it in keyframes and timelines like any other Anime.js animation property. It's crazy how just a few lines of code can create such visually complex effects.

With the new scrambleText() feature, you can control reveal direction, create cursor effects, apply perturbation and easing, and chain it in keyframes and timelines like any other Anime.js animation property. It's crazy how just a few lines of code can create such visually complex effects.

Julian Garnier

132,324 views • 2 months ago

I’m taking some time off to reflect on how (or even if) I can be of any use in this fraught, tense and often ugly space. So much hate, so many lies and now deaths. I know this miraculous technology can be used to serve Jesus, I pray we will work out how.

I’m taking some time off to reflect on how (or even if) I can be of any use in this fraught, tense and often ugly space. So much hate, so many lies and now deaths. I know this miraculous technology can be used to serve Jesus, I pray we will work out how.

Russell Brand

3,567,434 views • 9 months ago

We had so much fun on the 'With Love Tour' in China 🇨🇳💫 Here's a few of our favourite memories ❤️

We had so much fun on the 'With Love Tour' in China 🇨🇳💫 Here's a few of our favourite memories ❤️

Westlife

26,734 views • 1 year ago

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

CSS by T. Afif

36,412 views • 6 months ago

A few days back I built a joke project called web3ifier It makes fun of cliché web3 sites (purple everywhere, excessive jargon, incomplete functionality). It transforms from a web2 site to a cliché web3 site! Here's a chaotic and overedited demo. live site, full video links 👇

A few days back I built a joke project called web3ifier It makes fun of cliché web3 sites (purple everywhere, excessive jargon, incomplete functionality). It transforms from a web2 site to a cliché web3 site! Here's a chaotic and overedited demo. live site, full video links 👇

Samarth

18,817 views • 3 years ago

Ever wondered how to launch a Solana Rewards token like $IMG or $GLITCH? Here's a short video on how you can do it in a few easy steps The fastest and most cost effective, safest and fastest solution on Solana. Get creative and enjoy Good Tek

Ever wondered how to launch a Solana Rewards token like $IMG or $GLITCH? Here's a short video on how you can do it in a few easy steps The fastest and most cost effective, safest and fastest solution on Solana. Get creative and enjoy Good Tek

MONEYGLITCH.FUN

29,194 views • 1 year ago

Soft bodies in my physics game can be softer or stronger. They are the main substance to build characters and enemies from. They will also be destructible. Should be fun shooting a monster from a shotgun and enjoying wet chunks of his body splatter all over the place.

Soft bodies in my physics game can be softer or stronger. They are the main substance to build characters and enemies from. They will also be destructible. Should be fun shooting a monster from a shotgun and enjoying wet chunks of his body splatter all over the place.

Zolden

44,647 views • 2 months ago