Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

#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.

argyleink's profile picture

Adam Argyle

58,560 subscribers

16,164 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungKunstWissenschaft & Technologie#CSS
LIVE

Anya Rossi• Live Now

Private livecam show

6 Kommentare

Profilbild von Adam Argyle
Adam Argylevor 1 Jahr

learn more about linear()

Profilbild von Wallaby Team
Wallaby Teamvor 1 Jahr

🚀 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? 💻🔍

Profilbild von Matthias Martin
Matthias Martinvor 1 Jahr

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

Profilbild von Adam Argyle
Adam Argylevor 1 Jahr

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

Profilbild von @courtneyr_dev 🌻
@courtneyr_dev 🌻vor 1 Jahr

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

Profilbild von Adam Argyle
Adam Argylevor 1 Jahr

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!

Ähnliche 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:
1:28

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 Aufrufe • vor 2 Monaten

Excited to announce Easing Wizard is now live! 🎉 The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀 🔗 Some key features are: ⚡ Uses linear timing function instead of keyframes 🎢 Multiple curve types ⏸️ Pause between animation previews 🎥 10 preview modes 📚 Large collection of presets 📝 CSS and Tailwind CSS code generation 📊 Linear comparison 🎯 Multiple accuracy levels ➕ Optional extra space for Bézier curves And can you find the hidden easter egg?
0:40

Excited to announce Easing Wizard is now live! 🎉 The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀 🔗 Some key features are: ⚡ Uses linear timing function instead of keyframes 🎢 Multiple curve types ⏸️ Pause between animation previews 🎥 10 preview modes 📚 Large collection of presets 📝 CSS and Tailwind CSS code generation 📊 Linear comparison 🎯 Multiple accuracy levels ➕ Optional extra space for Bézier curves And can you find the hidden easter egg?

Matthias Martin

13,307 Aufrufe • vor 1 Jahr

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. 🤌🏼
0:27

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 Aufrufe • vor 3 Monaten

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!
4:59

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 Aufrufe • vor 9 Monaten

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.
21:57

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 Aufrufe • vor 3 Monaten

your signature is a custom easing function™ ✒️ draw it map the motion to css linear() timing function package as portable SVG paste anywhere 👇
0:28

your signature is a custom easing function™ ✒️ draw it map the motion to css linear() timing function package as portable SVG paste anywhere 👇

jhey ʕ•ᴥ•ʔ

169,634 Aufrufe • vor 1 Monat

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.
23:19

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 Aufrufe • vor 4 Monaten

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:
0:31

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,711 Aufrufe • vor 6 Monaten

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 ❤️❤️❤️❤️
1:01

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 Aufrufe • vor 10 Monaten

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.
9:05

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,521 Aufrufe • vor 1 Jahr

👀 "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
3:46

👀 "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 Aufrufe • vor 4 Monaten

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!
0:38

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 Aufrufe • vor 9 Monaten

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 ^^
6:17

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 Aufrufe • vor 1 Jahr

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.
0:41

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 Aufrufe • vor 2 Monaten

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.
0:52

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,352 Aufrufe • vor 9 Monaten

Hey Vtubers, Try using chroma key in your games, it can be SO fun!
0:24

Hey Vtubers, Try using chroma key in your games, it can be SO fun!

Sain | Cyber Idol 🌐✨【V-HOST】

75,040 Aufrufe • vor 7 Monaten

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

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

Westlife

26,734 Aufrufe • vor 1 Jahr

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.
0:25

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 Aufrufe • vor 6 Monaten