Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

STOP SUCKING AT BASICS ( SSAB Episode 1) The same idea that trained Kimi K3 is one you can learn in 10 minutes. Watch me teach Gradient Descent using Linear Regression as the example.

vineetwts's profile picture

V

10,536 subscribers

17,458 Aufrufe • vor 1 Monat •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

The idea that schools can teach kids “how to think” without teaching them the basics is ridiculous. Michael Knowles reminds us that education requires that students actually learn the basics before they can form opinions. Watch here:
0:48

The idea that schools can teach kids “how to think” without teaching them the basics is ridiculous. Michael Knowles reminds us that education requires that students actually learn the basics before they can form opinions. Watch here:

Marissa Streit

12,431 Aufrufe • vor 28 Tagen

a playlist of 30 youtube videos to learn machine learning fundamentals from scratch if you're struggling on where to start learning ML, this list goes this "Machine Learning: Teach by Doing" is a solid choice to learn both theory and code. (1) Introduction to Machine Learning Teach by Doing: (2) What is Machine Learning? History of Machine Learning: (3) Types of ML Models: (4) 6 steps of any ML project: (5) Install Python and VSCode and run your first code: (6) Linear Classifiers Part 1: (7) Linear Classifiers Part 2: (8) Jupyter Notebook, Numpy and Scikit-Learn: (9) Running the Random Linear Classifier Algorithm in Python: (10) The oldest ML model - Perceptron: (11) Coding the Perceptron: (12) Perceptron Convergence Theorem: (13) Magic of features in Machine Learning: (14) One hot encoding: (15) Logistic Regression Part 1: (16) Cross Entropy Loss: (17) How gradient descent works: (18) Logistic Regression from scratch in Python: (19) Introduction to Regularization: (20) Implementing Regularization in Python: (21) Linear Regression Introduction: (22) Ordinary Least Squares step by step implementation: (23) Ridge regression fundamentals and intuition: (24) Regression recap for interviews: (25) Neural network architecture in 30 minutes: (26) Backpropagation intuition: (27) Neural network activation functions: (28) Momentum in gradient descent: (29) Hands on neural network training in Python: (30) Introduction to Convolutional Neural Networks (CNNs):
0:52

a playlist of 30 youtube videos to learn machine learning fundamentals from scratch if you're struggling on where to start learning ML, this list goes this "Machine Learning: Teach by Doing" is a solid choice to learn both theory and code. (1) Introduction to Machine Learning Teach by Doing: (2) What is Machine Learning? History of Machine Learning: (3) Types of ML Models: (4) 6 steps of any ML project: (5) Install Python and VSCode and run your first code: (6) Linear Classifiers Part 1: (7) Linear Classifiers Part 2: (8) Jupyter Notebook, Numpy and Scikit-Learn: (9) Running the Random Linear Classifier Algorithm in Python: (10) The oldest ML model - Perceptron: (11) Coding the Perceptron: (12) Perceptron Convergence Theorem: (13) Magic of features in Machine Learning: (14) One hot encoding: (15) Logistic Regression Part 1: (16) Cross Entropy Loss: (17) How gradient descent works: (18) Logistic Regression from scratch in Python: (19) Introduction to Regularization: (20) Implementing Regularization in Python: (21) Linear Regression Introduction: (22) Ordinary Least Squares step by step implementation: (23) Ridge regression fundamentals and intuition: (24) Regression recap for interviews: (25) Neural network architecture in 30 minutes: (26) Backpropagation intuition: (27) Neural network activation functions: (28) Momentum in gradient descent: (29) Hands on neural network training in Python: (30) Introduction to Convolutional Neural Networks (CNNs):

ℏεsam

117,748 Aufrufe • vor 1 Jahr

if you're struggling on where to start learning ML, here’s a playlist of 30 youtube videos to learn machine learning fundamentals from scratch "Machine Learning: Teach by Doing" is a solid choice to learn both theory and code. (1) Introduction to Machine Learning Teach by Doing: (2) What is Machine Learning? History of Machine Learning: (3) Types of ML Models: (4) 6 steps of any ML project: (5) Install Python and VSCode and run your first code: (6) Linear Classifiers Part 1: (7) Linear Classifiers Part 2: (8) Jupyter Notebook, Numpy and Scikit-Learn: (9) Running the Random Linear Classifier Algorithm in Python: (10) The oldest ML model - Perceptron: (11) Coding the Perceptron: (12) Perceptron Convergence Theorem: (13) Magic of features in Machine Learning: (14) One hot encoding: (15) Logistic Regression Part 1: (16) Cross Entropy Loss: (17) How gradient descent works: (18) Logistic Regression from scratch in Python: (19) Introduction to Regularization: (20) Implementing Regularization in Python: (21) Linear Regression Introduction: (22) Ordinary Least Squares step by step implementation: (23) Ridge regression fundamentals and intuition: (24) Regression recap for interviews: (25) Neural network architecture in 30 minutes: (26) Backpropagation intuition: (27) Neural network activation functions: (28) Momentum in gradient descent: (29) Hands on neural network training in Python: (30) Introduction to Convolutional Neural Networks (CNNs):
0:52

if you're struggling on where to start learning ML, here’s a playlist of 30 youtube videos to learn machine learning fundamentals from scratch "Machine Learning: Teach by Doing" is a solid choice to learn both theory and code. (1) Introduction to Machine Learning Teach by Doing: (2) What is Machine Learning? History of Machine Learning: (3) Types of ML Models: (4) 6 steps of any ML project: (5) Install Python and VSCode and run your first code: (6) Linear Classifiers Part 1: (7) Linear Classifiers Part 2: (8) Jupyter Notebook, Numpy and Scikit-Learn: (9) Running the Random Linear Classifier Algorithm in Python: (10) The oldest ML model - Perceptron: (11) Coding the Perceptron: (12) Perceptron Convergence Theorem: (13) Magic of features in Machine Learning: (14) One hot encoding: (15) Logistic Regression Part 1: (16) Cross Entropy Loss: (17) How gradient descent works: (18) Logistic Regression from scratch in Python: (19) Introduction to Regularization: (20) Implementing Regularization in Python: (21) Linear Regression Introduction: (22) Ordinary Least Squares step by step implementation: (23) Ridge regression fundamentals and intuition: (24) Regression recap for interviews: (25) Neural network architecture in 30 minutes: (26) Backpropagation intuition: (27) Neural network activation functions: (28) Momentum in gradient descent: (29) Hands on neural network training in Python: (30) Introduction to Convolutional Neural Networks (CNNs):

ℏεsam

109,292 Aufrufe • vor 1 Jahr

rainbow button w/ CSS animation-composition + hue interpolation 🌈 you can create a rainbow gradient as easy as: linear-gradient(in lch longer hue, red 0 0) animate the background-position but speed it up on :hover by using animation-composition: add 🤙
0:20

rainbow button w/ CSS animation-composition + hue interpolation 🌈 you can create a rainbow gradient as easy as: linear-gradient(in lch longer hue, red 0 0) animate the background-position but speed it up on :hover by using animation-composition: add 🤙

jhey ʕ•ᴥ•ʔ

98,490 Aufrufe • vor 1 Jahr

We tested Kimi K3 against Claude Fable 5 on 3D modeling and animation Asked both to recreate the Millennium Falcon from Star Wars in 1) pixel style 2) original style. Both are on Max effort. Kimi K3 took a bit longer than Fable 5 to generate, but came in ~1/3 cheaper on the 1st test, and less than half the cost on the 2nd. Interestingly, Kimi K3 handled the details at the same level as Fable 5 on the original creation, yet it wasn't at Fable's level for the pixel style. Test 1 (Pixel) Kimi K3: 1hr 11min · $14.5 Fable 5: 49min · $21 Test 2 (Original) Kimi K3: 1hr 17min · $19.3 Fable 5: 1hr 5min · $47.2
0:40

We tested Kimi K3 against Claude Fable 5 on 3D modeling and animation Asked both to recreate the Millennium Falcon from Star Wars in 1) pixel style 2) original style. Both are on Max effort. Kimi K3 took a bit longer than Fable 5 to generate, but came in ~1/3 cheaper on the 1st test, and less than half the cost on the 2nd. Interestingly, Kimi K3 handled the details at the same level as Fable 5 on the original creation, yet it wasn't at Fable's level for the pixel style. Test 1 (Pixel) Kimi K3: 1hr 11min · $14.5 Fable 5: 49min · $21 Test 2 (Original) Kimi K3: 1hr 17min · $19.3 Fable 5: 1hr 5min · $47.2

GMI Cloud

80,618 Aufrufe • vor 1 Monat

Window Browser OS made by Kimi K3 Holy SHit one shot prompt is comment and here is the link so that you can see how cool it is
4:03

Window Browser OS made by Kimi K3 Holy SHit one shot prompt is comment and here is the link so that you can see how cool it is

Chetaslua

392,411 Aufrufe • vor 1 Monat

Qwen 3.8 Preview is quietly catching Kimi K3 on frontend + game design.And this is just the preview. Full 3.8 is going to be a beast. We tested Qwen 3.8 Preview against Kimi K3 on 3D modeling and animation. Ran both through the same 3 prompts. Both on Max effort. Qwen 3.8 Preview was dramatically faster across the board, 3-4x quicker on every test. Kimi K3 needed 2 hours on the final scene; Qwen wrapped it in 31 minutes. Test 1 (Engine Sim) Qwen 3.8 Preview: 25min Kimi K3: 1hr 30min Test 2 (Voxel Dino Printer) Qwen 3.8 Preview: 8min Kimi K3: 45min Test 3 (Garden Scene) Qwen 3.8 Preview: 31min Kimi K3: 2hrs
0:40

Qwen 3.8 Preview is quietly catching Kimi K3 on frontend + game design.And this is just the preview. Full 3.8 is going to be a beast. We tested Qwen 3.8 Preview against Kimi K3 on 3D modeling and animation. Ran both through the same 3 prompts. Both on Max effort. Qwen 3.8 Preview was dramatically faster across the board, 3-4x quicker on every test. Kimi K3 needed 2 hours on the final scene; Qwen wrapped it in 31 minutes. Test 1 (Engine Sim) Qwen 3.8 Preview: 25min Kimi K3: 1hr 30min Test 2 (Voxel Dino Printer) Qwen 3.8 Preview: 8min Kimi K3: 45min Test 3 (Garden Scene) Qwen 3.8 Preview: 31min Kimi K3: 2hrs

GMI Cloud

25,513 Aufrufe • vor 1 Monat

pretty impressed that MiniMax (official) 2.7 can one-shot a linear clone in 10 mins at 95% cheaper than claude opus 4.6 not enough people know about this model. if you're just using whatever your timeline is hyping, you're probably overpaying for the same result
0:33

pretty impressed that MiniMax (official) 2.7 can one-shot a linear clone in 10 mins at 95% cheaper than claude opus 4.6 not enough people know about this model. if you're just using whatever your timeline is hyping, you're probably overpaying for the same result

Sherry Jiang is at ai engineer singapore

140,954 Aufrufe • vor 4 Monaten

Claude Fable 5 vs Kimi K3 someone built an interactive 3D globe of 30 years of internet history with Fable 5. I rebuilt the same thing with Kimi K3 in 1.5 hours. play the 1990–2024 timelapse. watch every country cross from 10% to 50% online. reveal the submarine cables. compare nine data layers. drill into any country. a full interactive data viz — the kind that used to take a team weeks — for the price of lunch. Author: userluke Github: Fable 5: Kimi K3: K3 dropped this week: 2.8 trillion parameters. full Kimi K3 article below.
0:43

Claude Fable 5 vs Kimi K3 someone built an interactive 3D globe of 30 years of internet history with Fable 5. I rebuilt the same thing with Kimi K3 in 1.5 hours. play the 1990–2024 timelapse. watch every country cross from 10% to 50% online. reveal the submarine cables. compare nine data layers. drill into any country. a full interactive data viz — the kind that used to take a team weeks — for the price of lunch. Author: userluke Github: Fable 5: Kimi K3: K3 dropped this week: 2.8 trillion parameters. full Kimi K3 article below.

Kirill

40,738 Aufrufe • vor 1 Monat

here's around 2 & a half minutes of pure chaos, and a good look at what you can expect in CORE DESCENT, one of the chapters in Episode 2 of Signal Lost, very, VERY WIP! ^^
2:28

here's around 2 & a half minutes of pure chaos, and a good look at what you can expect in CORE DESCENT, one of the chapters in Episode 2 of Signal Lost, very, VERY WIP! ^^

Jane Thrace - ladyjanethrace.bsky.social

30,441 Aufrufe • vor 1 Jahr

With Kimi K3 Day-0 on vLLM: Open Frontier Intelligence for Everyone 🚀 At 2.8 trillion parameters, Moonshot AI's Kimi K3 is one of the most powerful open-weight models ever released. Starting today, you can serve it on vLLM the moment the weights are public. What K3 brings: 🧠 2.8T-parameter Mixture-of-Experts (16 of 896 experts active per token) 📚 1M-token context window 🛠️ Native multimodal understanding, including vision ⚡ Kimi Delta Attention: a hybrid of linear and full attention that makes million-token context affordable Huge thank you to Kimi.ai AI for the model release and partnership, Inferact for leading the vLLM optimizations, and to our partners at NVIDIA, AMD, and the broader vLLM community. 1/6
0:30

With Kimi K3 Day-0 on vLLM: Open Frontier Intelligence for Everyone 🚀 At 2.8 trillion parameters, Moonshot AI's Kimi K3 is one of the most powerful open-weight models ever released. Starting today, you can serve it on vLLM the moment the weights are public. What K3 brings: 🧠 2.8T-parameter Mixture-of-Experts (16 of 896 experts active per token) 📚 1M-token context window 🛠️ Native multimodal understanding, including vision ⚡ Kimi Delta Attention: a hybrid of linear and full attention that makes million-token context affordable Huge thank you to Kimi.ai AI for the model release and partnership, Inferact for leading the vLLM optimizations, and to our partners at NVIDIA, AMD, and the broader vLLM community. 1/6

vLLM

102,765 Aufrufe • vor 26 Tagen

MY FRIEND MADE $1.2M WRITING A 3D GAME WITH ONE PROMPT USING KIMI K3 open world, multiplayer, PVP mode, skins, team play with friends - all from one prompt in one session what used to take a team of 10 developers 6 months - he did alone in 10 minutes players started sharing the game themselves - organic growth with zero ads and zero marketing budget first $1,000 came the same day - a year later the account had $1.2M zero code written by hand, zero team, zero investment - just the right tool and the right prompt Kimi K3 - 2.8 trillion parameters, 1 million token context - exactly what made it possible to build the entire game in one request
0:31

MY FRIEND MADE $1.2M WRITING A 3D GAME WITH ONE PROMPT USING KIMI K3 open world, multiplayer, PVP mode, skins, team play with friends - all from one prompt in one session what used to take a team of 10 developers 6 months - he did alone in 10 minutes players started sharing the game themselves - organic growth with zero ads and zero marketing budget first $1,000 came the same day - a year later the account had $1.2M zero code written by hand, zero team, zero investment - just the right tool and the right prompt Kimi K3 - 2.8 trillion parameters, 1 million token context - exactly what made it possible to build the entire game in one request

Noisy

24,322 Aufrufe • vor 1 Monat

SITUATION EXPLAINED: Kimi K3 just beat Fable on a major coding benchmark, at a fraction of the price. • Kimi K3 beat Fable on Frontend Code Arena • The gap between Kimi and Fable is bigger than the gap between Fable and Sol • It also smashes Opus outright, while being priced the same as Sonnet, $3/$15 per million tokens • Sonnet 5 High currently sits in 10th place on this leaderboard at that same price point • The generational jump is dramatic: Kimi K2.6 ranked 18th on this benchmark, K3 jumped 17 spots to take the top spot • K3 ranked #1 in 6 of 7 tested domains: brand and marketing, reference-based design, data and analytics, consumer products, simulations, and content creation tools, it placed #2, only in gaming, behind Fable • Full model weights are set to release July 27th Theo Jaffee: "Imagine if Anthropic were a public company today, their stock would be down 20%, maybe more, enterprises are probably not gonna be spending $10 and $50 on Fable when they can instead be spending $3 and $15 on Kimi K3."
3:21

SITUATION EXPLAINED: Kimi K3 just beat Fable on a major coding benchmark, at a fraction of the price. • Kimi K3 beat Fable on Frontend Code Arena • The gap between Kimi and Fable is bigger than the gap between Fable and Sol • It also smashes Opus outright, while being priced the same as Sonnet, $3/$15 per million tokens • Sonnet 5 High currently sits in 10th place on this leaderboard at that same price point • The generational jump is dramatic: Kimi K2.6 ranked 18th on this benchmark, K3 jumped 17 spots to take the top spot • K3 ranked #1 in 6 of 7 tested domains: brand and marketing, reference-based design, data and analytics, consumer products, simulations, and content creation tools, it placed #2, only in gaming, behind Fable • Full model weights are set to release July 27th Theo Jaffee: "Imagine if Anthropic were a public company today, their stock would be down 20%, maybe more, enterprises are probably not gonna be spending $10 and $50 on Fable when they can instead be spending $3 and $15 on Kimi K3."

MTS

132,705 Aufrufe • vor 1 Monat

🚨Kimi K3 is Dangerous Recreated the entire Google Earth globe in 45 minutes for $3.30. On an $800 laptop. Ran it through Gate AI. Every prompt tracked, every dollar logged. Kimi K3, Fable 5, Grok. Pick any frontier model, run it through one gateway. No $50K rig. Anybody can do this.
4:42

🚨Kimi K3 is Dangerous Recreated the entire Google Earth globe in 45 minutes for $3.30. On an $800 laptop. Ran it through Gate AI. Every prompt tracked, every dollar logged. Kimi K3, Fable 5, Grok. Pick any frontier model, run it through one gateway. No $50K rig. Anybody can do this.

Dagnum²

11,400 Aufrufe • vor 29 Tagen

CSS Trick! 🤙 You can create gradient borders on translucent elements using mask-clip and mask-composite with a pseudo-element 🔥 .gradient-border::after { mask-clip: padding-box, border-box; mask-composite: intersect; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); } It's the same "Transparent border trick" from before. But, now you apply it to a pseudo-element 😎 The trick is to create a pseudo-element with a gradient background and then mask it so we only see the part we want, the border ✨ mask-clip defines the area affected by a mask. Similar to how you can define background-size. Using padding-box and border-box constrains the two masks. mask-composite is the magic part ✨ It defines a compositing operation for stacked mask layers. Using intersect means that the parts that overlap get replaced. And this seems to work in all browsers 🙌 As for the rest of the styles... – Make sure you set pointer-events: none on the pseudo-element – Make sure it fills the parent element. You can use position: absolute and inset: 0 – Make sure the background fills the space including the border-width. You can use calc to achieve that: --bg-size: calc(100% + (2px * var(--border))); background: var(--gradient) center center / var(--bg-size) var(--bg-size); That's it! 🚀 Gradient borders on translucent elements. You can set all the backdrop-filter: blur() you like! 😅 CodePen.IO link below! 👇
0:37

CSS Trick! 🤙 You can create gradient borders on translucent elements using mask-clip and mask-composite with a pseudo-element 🔥 .gradient-border::after { mask-clip: padding-box, border-box; mask-composite: intersect; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); } It's the same "Transparent border trick" from before. But, now you apply it to a pseudo-element 😎 The trick is to create a pseudo-element with a gradient background and then mask it so we only see the part we want, the border ✨ mask-clip defines the area affected by a mask. Similar to how you can define background-size. Using padding-box and border-box constrains the two masks. mask-composite is the magic part ✨ It defines a compositing operation for stacked mask layers. Using intersect means that the parts that overlap get replaced. And this seems to work in all browsers 🙌 As for the rest of the styles... – Make sure you set pointer-events: none on the pseudo-element – Make sure it fills the parent element. You can use position: absolute and inset: 0 – Make sure the background fills the space including the border-width. You can use calc to achieve that: --bg-size: calc(100% + (2px * var(--border))); background: var(--gradient) center center / var(--bg-size) var(--bg-size); That's it! 🚀 Gradient borders on translucent elements. You can set all the backdrop-filter: blur() you like! 😅 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

269,847 Aufrufe • vor 2 Jahren

This robot arm = your AI model. One math number decides if it learns or completely breaks. This is Gradient Descent — the core math behind all of AI you are using in your day-to-day life.
0:39

This robot arm = your AI model. One math number decides if it learns or completely breaks. This is Gradient Descent — the core math behind all of AI you are using in your day-to-day life.

Mathematica

135,346 Aufrufe • vor 5 Monaten

Full redwood tree removal video, as promised. In less than 5 minutes you can learn the basics of how to rig and fell trees close to the house! If you'd do something different, drop it in the comments.
4:35

Full redwood tree removal video, as promised. In less than 5 minutes you can learn the basics of how to rig and fell trees close to the house! If you'd do something different, drop it in the comments.

Dale Stark

16,791 Aufrufe • vor 1 Jahr

SIMPLE STOP LOSS TIP THAT COULD SAVE YOU THOUSANDS OF DOLLARS👀👀 This is basic, but mastering the basics is how you become successful FIND 3 MINUTES TO WATCH THIS VIDEO👇
2:42

SIMPLE STOP LOSS TIP THAT COULD SAVE YOU THOUSANDS OF DOLLARS👀👀 This is basic, but mastering the basics is how you become successful FIND 3 MINUTES TO WATCH THIS VIDEO👇

ThiccTeddy

32,482 Aufrufe • vor 6 Monaten

CSS Tip! 💫 You can create this responsive perspective warp animation with 3D CSS and container queries ✨ (Video reveals trick 👀) .warp { container-type: size; perspective: 100px; transform-style: preserve-3d; resize: both; overflow: hidden; } Couple of tricks in this one 🤓 The main idea is to create a tunnel (an open-ended cube). On each side of the tunnel, use linear-gradient to create the grid lines ✨ .side { background: linear-gradient(#​fff 0 1px, transparent 1px 5%) 50% 0 / 5% 5%, linear-gradient(90deg, #​fff 0 1px, transparent 1px 5%) 50% 50% / 5% 5%; } To position each side, you rotate on the x-axis by 90deg. Each side would become invisible at this point. So you give the scene perspective 😉 .warp__side--top { width: 100cqi; height: 100cqmax; transform-origin: 50% 0%; transform: rotateX(-90deg); } The cool part here is that you want to make each side the same height. But the container is responsive. So you can use a container query and make sure each side is 100cqmax tall 🫶 Then the "beams". Each side contains "beams". They have different colors, sizes, and positions, and move at different speeds ⚡️ We can control that through scoped custom properties. .beam { width: 5%; position: absolute; top: 0; left: calc(var(--x, 0) * 5%); aspect-ratio: 1 / 2; background: linear-gradient( hsl(var(--hue) 80% 60%), transparent ); translate: 0 100%; animation: warp calc(var(--speed, 0) * 1s) calc(var(--delay, 0) * -1s) infinite linear; } The magic here is though that a beam's animation is as basic as translating it from the top of the side to the bottom. And you can get that distance with a container query again 🔥 @​keyframes warp { 0% { translate: -50% 100cqmax; } 100% { translate: -50% -100%; } } And that is pretty much it! A cool warp animation effect using 3D CSS and container queries ⚡️ If you have any questions, let me know ᵔᴥᵔ CodePen.IO link below! 👇
0:59

CSS Tip! 💫 You can create this responsive perspective warp animation with 3D CSS and container queries ✨ (Video reveals trick 👀) .warp { container-type: size; perspective: 100px; transform-style: preserve-3d; resize: both; overflow: hidden; } Couple of tricks in this one 🤓 The main idea is to create a tunnel (an open-ended cube). On each side of the tunnel, use linear-gradient to create the grid lines ✨ .side { background: linear-gradient(#​fff 0 1px, transparent 1px 5%) 50% 0 / 5% 5%, linear-gradient(90deg, #​fff 0 1px, transparent 1px 5%) 50% 50% / 5% 5%; } To position each side, you rotate on the x-axis by 90deg. Each side would become invisible at this point. So you give the scene perspective 😉 .warp__side--top { width: 100cqi; height: 100cqmax; transform-origin: 50% 0%; transform: rotateX(-90deg); } The cool part here is that you want to make each side the same height. But the container is responsive. So you can use a container query and make sure each side is 100cqmax tall 🫶 Then the "beams". Each side contains "beams". They have different colors, sizes, and positions, and move at different speeds ⚡️ We can control that through scoped custom properties. .beam { width: 5%; position: absolute; top: 0; left: calc(var(--x, 0) * 5%); aspect-ratio: 1 / 2; background: linear-gradient( hsl(var(--hue) 80% 60%), transparent ); translate: 0 100%; animation: warp calc(var(--speed, 0) * 1s) calc(var(--delay, 0) * -1s) infinite linear; } The magic here is though that a beam's animation is as basic as translating it from the top of the side to the bottom. And you can get that distance with a container query again 🔥 @​keyframes warp { 0% { translate: -50% 100cqmax; } 100% { translate: -50% -100%; } } And that is pretty much it! A cool warp animation effect using 3D CSS and container queries ⚡️ If you have any questions, let me know ᵔᴥᵔ CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

187,474 Aufrufe • vor 2 Jahren

Moonshot released Kimi K3 as an open-weight model. Most people saw “2.8 trillion parameters.” Far fewer understand what was actually built. We broke K3 into six visual explainers, simple enough for anyone to follow and detailed enough for engineers. Every video was generated in one shot by Simi, the fastest infra to generate explainer video in the entire world. Brought to you by Lamina Labs. Part 1/6: What Kimi K3 actually is.
4:15

Moonshot released Kimi K3 as an open-weight model. Most people saw “2.8 trillion parameters.” Far fewer understand what was actually built. We broke K3 into six visual explainers, simple enough for anyone to follow and detailed enough for engineers. Every video was generated in one shot by Simi, the fastest infra to generate explainer video in the entire world. Brought to you by Lamina Labs. Part 1/6: What Kimi K3 actually is.

Sudip

19,970 Aufrufe • vor 25 Tagen