Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

CSS Tip! 🤙 These buttons from Michaël are ace 🔥 But, how would you make them? 👀 You could use background-attachment: fixed and update a conic-gradient position depending on the interaction design 🤔 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

145,987 subscribers

267,557 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

CSS Tip! ⚡️ You could use CSS trig functions to calculate animation-delay 🤓 Using them here with custom props for this DNA strand! 👩‍🔬 .node { animation-delay: calc( sin((var(--index) / var(--total)) * 45deg) 👈 * var(--speed) * -1s ); } CodePen.IO link below! 👇

CSS Tip! ⚡️ You could use CSS trig functions to calculate animation-delay 🤓 Using them here with custom props for this DNA strand! 👩‍🔬 .node { animation-delay: calc( sin((var(--index) / var(--total)) * 45deg) 👈 * var(--speed) * -1s ); } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

182,569 görüntüleme • 3 yıl önce

These are the buttons from a World War 2 uniform. When you put them together, they make a mini-compass, for use if you get shot down behind enemy lines.

These are the buttons from a World War 2 uniform. When you put them together, they make a mini-compass, for use if you get shot down behind enemy lines.

Historic Vids

8,132,641 görüntüleme • 2 yıl önce

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇

Shefali

29,340 görüntüleme • 1 yıl önce

Use CSS @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 to unlock things like > Animated conic gradients > Rotating borders, loaders > Hover transition on gradient stops the regular --𝚊𝚗𝚐𝚕𝚎 variable doesn't work with animating gradient stops because CSS has to idea how to interpolate it @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 fixes that with , and more @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 --𝚊𝚗𝚐𝚕𝚎 { 𝚜𝚢𝚗𝚝𝚊𝚡: ' '; 𝚒𝚗𝚑𝚎𝚛𝚒𝚝𝚜: 𝚏𝚊𝚕𝚜𝚎; 𝚒𝚗𝚒𝚝𝚒𝚊𝚕-𝚟𝚊𝚕𝚞𝚎: 𝟶𝚍𝚎𝚐; } .𝚌𝚊𝚛𝚍 { --𝚊𝚗𝚐𝚕𝚎: 𝟶𝚍𝚎𝚐; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚕𝚒𝚗𝚎𝚊𝚛-𝚐𝚛𝚊𝚍𝚒𝚎𝚗𝚝( 𝚟𝚊𝚛(--𝚊𝚗𝚐𝚕𝚎), #𝟹𝟾𝚋𝚍𝚏𝟾, #𝟶𝚎𝚊𝟻𝚎𝟿, #𝟸𝟻𝟼𝟹𝚎𝚋, #𝟷𝚎𝟺𝟶𝚊𝚏 ); 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗: --𝚊𝚗𝚐𝚕𝚎 𝟶.𝟾𝚜 𝚎𝚊𝚜𝚎; } .𝚌𝚊𝚛𝚍:𝚑𝚘𝚟𝚎𝚛 { --𝚊𝚗𝚐𝚕𝚎: 𝟺𝟻𝚍𝚎𝚐; } Defaults to initial value so you don't have to set them everytime

Use CSS @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 to unlock things like > Animated conic gradients > Rotating borders, loaders > Hover transition on gradient stops the regular --𝚊𝚗𝚐𝚕𝚎 variable doesn't work with animating gradient stops because CSS has to idea how to interpolate it @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 fixes that with , and more @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 --𝚊𝚗𝚐𝚕𝚎 { 𝚜𝚢𝚗𝚝𝚊𝚡: ' '; 𝚒𝚗𝚑𝚎𝚛𝚒𝚝𝚜: 𝚏𝚊𝚕𝚜𝚎; 𝚒𝚗𝚒𝚝𝚒𝚊𝚕-𝚟𝚊𝚕𝚞𝚎: 𝟶𝚍𝚎𝚐; } .𝚌𝚊𝚛𝚍 { --𝚊𝚗𝚐𝚕𝚎: 𝟶𝚍𝚎𝚐; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚕𝚒𝚗𝚎𝚊𝚛-𝚐𝚛𝚊𝚍𝚒𝚎𝚗𝚝( 𝚟𝚊𝚛(--𝚊𝚗𝚐𝚕𝚎), #𝟹𝟾𝚋𝚍𝚏𝟾, #𝟶𝚎𝚊𝟻𝚎𝟿, #𝟸𝟻𝟼𝟹𝚎𝚋, #𝟷𝚎𝟺𝟶𝚊𝚏 ); 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗: --𝚊𝚗𝚐𝚕𝚎 𝟶.𝟾𝚜 𝚎𝚊𝚜𝚎; } .𝚌𝚊𝚛𝚍:𝚑𝚘𝚟𝚎𝚛 { --𝚊𝚗𝚐𝚕𝚎: 𝟺𝟻𝚍𝚎𝚐; } Defaults to initial value so you don't have to set them everytime

Manu Arora

23,868 görüntüleme • 2 ay önce

I’ve spent 300 hours researching colors so you don't have to! ✅ Here are the colors that make people buy & how you can use them to get more sales & clients. Without any design experience! Like & Comment "Color" and I’ll send you the link! (must be following)

I’ve spent 300 hours researching colors so you don't have to! ✅ Here are the colors that make people buy & how you can use them to get more sales & clients. Without any design experience! Like & Comment "Color" and I’ll send you the link! (must be following)

Wayne | Funnel & Website Wizard

21,365 görüntüleme • 3 yıl önce

How I built with Claude 👇 1. CSS linear-gradient animated backgrounds create that deep blue oceanic atmosphere with zero images 2. Intersection Observer API staggers each section headline in as users scroll through the content 3.Use a fixed sticky nav with backdrop-filter blur signals authority and keeps users oriented 4. Save this if you want a corporate site that makes billion dollar clients take you seriously 🌐

How I built with Claude 👇 1. CSS linear-gradient animated backgrounds create that deep blue oceanic atmosphere with zero images 2. Intersection Observer API staggers each section headline in as users scroll through the content 3.Use a fixed sticky nav with backdrop-filter blur signals authority and keeps users oriented 4. Save this if you want a corporate site that makes billion dollar clients take you seriously 🌐

FHILY👑

135,817 görüntüleme • 1 ay önce

On a scale from 1⃣ to 🔟, how sick and tired are you of this chaos in our streets? (This is Toronto. But these days it could be anywhere.)

On a scale from 1⃣ to 🔟, how sick and tired are you of this chaos in our streets? (This is Toronto. But these days it could be anywhere.)

dahlia kurtz ✡︎ דליה קורץ

81,212 görüntüleme • 1 yıl önce

Colder weather is here, SWEP is being activated across the country, if you see a rough sleeper please make sure you use the link below so the charities in your area are notified where they are so they can get emergency support to them during these freezing conditions, we also have a room available and will be out there offering as much support as possible over the next few weeks. If you see anyone that needs support locally please drop me a DM or use the streetlink below to get them emergency support from local charities in our/your area 🙏🏻

Colder weather is here, SWEP is being activated across the country, if you see a rough sleeper please make sure you use the link below so the charities in your area are notified where they are so they can get emergency support to them during these freezing conditions, we also have a room available and will be out there offering as much support as possible over the next few weeks. If you see anyone that needs support locally please drop me a DM or use the streetlink below to get them emergency support from local charities in our/your area 🙏🏻

Active Patriot

209,850 görüntüleme • 6 ay önce

Hi guys, how are you?🌟 I finally posted the video of the unboxing of the fans' gifts on Youtube, I'll leave you the link here.. click and open, so you'll see how much I'm cring, because I'm a boomer and I don't know how to use social media well but I'm trying my best for you. Via amo🌈🙈!!! Bye ⬇️ P.s. The gifts are not all because it would have been impossible to open them all in a video, but I chose some at random🙏🏼.. #zeudiners

Hi guys, how are you?🌟 I finally posted the video of the unboxing of the fans' gifts on Youtube, I'll leave you the link here.. click and open, so you'll see how much I'm cring, because I'm a boomer and I don't know how to use social media well but I'm trying my best for you. Via amo🌈🙈!!! Bye ⬇️ P.s. The gifts are not all because it would have been impossible to open them all in a video, but I chose some at random🙏🏼.. #zeudiners

Zeudi Di Palma

772,322 görüntüleme • 1 yıl önce

Sandhagen is a perfect example of a fighter that knows how to use leg locks in MMA Doesn't sell out on submissions Uses them to turn his opponent (so they can't punch) and improve position It's nuts to watch him do this👇while the commentators are like "WHAT ARE YOU DOING?!"

Sandhagen is a perfect example of a fighter that knows how to use leg locks in MMA Doesn't sell out on submissions Uses them to turn his opponent (so they can't punch) and improve position It's nuts to watch him do this👇while the commentators are like "WHAT ARE YOU DOING?!"

Open Note Grappling 📝

17,709 görüntüleme • 1 yıl önce

✨Introducing YesCheff is a web app that helps you learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesign

JEHTOMS 5.0

85,142 görüntüleme • 9 ay önce

These AI videos are blowing up on social media… don’t ask me why. But what I do know is how to make them! And I’m breaking it down for you in this thread. 🧵👇 Bookmark this for later—it’s got all the prompts you’ll need.

These AI videos are blowing up on social media… don’t ask me why. But what I do know is how to make them! And I’m breaking it down for you in this thread. 🧵👇 Bookmark this for later—it’s got all the prompts you’ll need.

TechHalla

58,327 görüntüleme • 1 yıl önce

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

Would you? Could you? Challenge your balance and speed with the thrilling water stone run! These stones dip into the water if you linger too long, requiring quick reflexes and steady footing to make it across. A fun and exciting test of agility and balance-can you master the art of running on water stones? This looks fun, but things are never as easy as they look.

Would you? Could you? Challenge your balance and speed with the thrilling water stone run! These stones dip into the water if you linger too long, requiring quick reflexes and steady footing to make it across. A fun and exciting test of agility and balance-can you master the art of running on water stones? This looks fun, but things are never as easy as they look.

NancyH

4,957,692 görüntüleme • 3 ay önce

These are just a few of the biggest partners that trust OMNIA - Amazon Web Services, Google, Microsoft, Scaleway😎 Who would you like to see added next to our ever-expanding list of partners and clients? Tag them down below👇

These are just a few of the biggest partners that trust OMNIA - Amazon Web Services, Google, Microsoft, Scaleway😎 Who would you like to see added next to our ever-expanding list of partners and clients? Tag them down below👇

OMNIA Protocol - RPCxAI Infrastructure

46,428 görüntüleme • 2 yıl önce

You mine Bitcoin. Soon you can carry the brand too. The first of our merch reveals drops today, and it starts with the GoMining Bottle. Limited, clean, and made for daily use. More drops are coming soon, and the launch date will be revealed shortly. So keep your eyes open, because this is only the start 👀 If you could put one GoMining design on your desk every day, what would it be?

GoMining

26,801 görüntüleme • 1 ay önce

🚨| NEW: The NFL released another angle of Speed hitting a spin move on real pro athletes and getting past the entire defense 🤯🔥 Do you think Speed could easily make it to the NFL? 👀👇

🚨| NEW: The NFL released another angle of Speed hitting a spin move on real pro athletes and getting past the entire defense 🤯🔥 Do you think Speed could easily make it to the NFL? 👀👇

Speedy HQ

23,590,566 görüntüleme • 3 ay önce

🤔Are you a true degen? Do you find the current market boring? Want a utility packed #Freemint? ✅Answered YES on all 3? Keep reading! Read the whole thread and find out how you can get a #Naffles Elevation Pass #NFT! 🔥Act fast! Mint on June 9th!🔥 Let's get into it🧵👇

🤔Are you a true degen? Do you find the current market boring? Want a utility packed #Freemint? ✅Answered YES on all 3? Keep reading! Read the whole thread and find out how you can get a #Naffles Elevation Pass #NFT! 🔥Act fast! Mint on June 9th!🔥 Let's get into it🧵👇

Naffles

19,847 görüntüleme • 3 yıl önce