正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

#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 次观看 • 1 年前 •via X (Twitter)

教育艺术科学技术 #CSS

Anya Rossi• Live Now

Private livecam show

6 条评论

Adam Argyle 的头像

Adam Argyle1 年前

learn more about linear()

Wallaby Team 的头像

Wallaby Team1 年前

🚀 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 Martin 的头像

Matthias Martin1 年前

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

Adam Argyle 的头像

Adam Argyle1 年前

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

@courtneyr_dev 🌻 的头像

@courtneyr_dev 🌻1 年前

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

Adam Argyle 的头像

Adam Argyle1 年前

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!

相关视频

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

16,999 次观看 • 2 个月前

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?

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 次观看 • 1 年前

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 次观看 • 2 个月前

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,090 次观看 • 9 个月前

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

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

jhey ʕ•ᴥ•ʔ

168,962 次观看 • 24 天前

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 次观看 • 3 个月前

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,676 次观看 • 5 个月前

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 次观看 • 3 个月前

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 次观看 • 9 个月前

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,472 次观看 • 1 年前

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,573 次观看 • 8 个月前

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 次观看 • 1 年前

👀 "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 次观看 • 4 个月前

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

131,275 次观看 • 1 个月前

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,249 次观看 • 8 个月前

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

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

Sain | Cyber Idol 🌐✨【V-HOST】

75,040 次观看 • 6 个月前

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,728 次观看 • 1 年前

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,193 次观看 • 5 个月前