Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

#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 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimSanatBilim & Teknoloji#CSS
LIVE

Anya Rossi• Live Now

Private livecam show

6 Yorum

Adam Argyle profil fotoğrafı
Adam Argyle1 yıl önce

learn more about linear()

Wallaby Team profil fotoğrafı
Wallaby Team1 yıl önce

🚀 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 profil fotoğrafı
Matthias Martin1 yıl önce

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

Adam Argyle profil fotoğrafı
Adam Argyle1 yıl önce

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

@courtneyr_dev 🌻 profil fotoğrafı
@courtneyr_dev 🌻1 yıl önce

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

Adam Argyle profil fotoğrafı
Adam Argyle1 yıl önce

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!

Benzer Videolar

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

👀 "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 görüntüleme • 4 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce