Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

CSS Pendulum Waves. Always liked looking at these things, so I made one. 😊 Live demo on CodePen.IO:

Amit Sheen

5,916 subscribers

63,515 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

Eleftheria Batsou3 years ago

@CodePen wow, it looks so cool!

Navitech3 years ago

@CodePen That s wonderfull🥰

aman3 years ago

@CodePen Amazing!😮

Pier3 years ago

Que belleza pa

EricPorter3 years ago

@CodePen How is it possible, no JS? Easily the CSS master. Well-done again, Amit!

Rishabh Gupta🇮🇳3 years ago

@CodePen HTML+ CSS -> magic

Edwin3 years ago

@the_bigtank @CodePen Cool

ℝicky3 years ago

@CodePen Beautiful!

iDev3 years ago

@CodePen Magnifique

Jon Kantner3 years ago

@CodePen It’s clever how you keep the balls facing forward!

Prashant Singh3 years ago

@CodePen You have worked so hard👍

Related Videos

⛓️ CSS Chain Links 67 s, 260 s, and about 110 lines of pure #CSS. 😀 Live demo and full code on CodePen.IO:

⛓️ CSS Chain Links 67 s, 260 s, and about 110 lines of pure #CSS. 😀 Live demo and full code on CodePen.IO:

Amit Sheen

13,574 views • 2 years ago

Nice little weekend project - Pure #CSS Pixar lamp. 💡 All of the axes movement is set using custom properties, so the motion can be easily animated with property. 😎 Live demo and full code CodePen.IO:

Nice little weekend project - Pure #CSS Pixar lamp. 💡 All of the axes movement is set using custom properties, so the motion can be easily animated with property. 😎 Live demo and full code CodePen.IO:

Amit Sheen

14,456 views • 2 years ago

I really liked these slugcats so i made them all real

I really liked these slugcats so i made them all real

EasternightF🍉

39,483 views • 8 months ago

While designers use Figma, I create cinematic experiences with CSS 🎬🧑‍💻 Meet Mr. Polygon, a geometric, animated portrait made entirely with HTML & CSS 🔥 Inspired by Mannie Live Demo: GitHub: Show some love 🤲🏽💙

While designers use Figma, I create cinematic experiences with CSS 🎬🧑‍💻 Meet Mr. Polygon, a geometric, animated portrait made entirely with HTML & CSS 🔥 Inspired by Mannie Live Demo: GitHub: Show some love 🤲🏽💙

Ezekiel 🕸️

21,614 views • 10 months ago

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO

Ksenia Kondrashova

19,023 views • 1 year ago

It's slime time! On-scroll gooey overlay based on #GLSL shader and controlled with #GSAP #ScrollTrigger. Easy to customise and (I'm proud to say it 😎) responsive Live demo & source code: Made with GSAP ScrollTrigger GSAP Hosted on CodePen.IO

It's slime time! On-scroll gooey overlay based on #GLSL shader and controlled with #GSAP #ScrollTrigger. Easy to customise and (I'm proud to say it 😎) responsive Live demo & source code: Made with GSAP ScrollTrigger GSAP Hosted on CodePen.IO

Ksenia Kondrashova

21,611 views • 2 years ago

I always liked it when it was Yvonne that made the PDA first, because she normally doesn’t like PDAs🥹😊 #JayVonne

I always liked it when it was Yvonne that made the PDA first, because she normally doesn’t like PDAs🥹😊 #JayVonne

Julez 2.0

42,202 views • 3 years ago

Adam Azim's brother Hassan looking to make waves at 154lbs 👊 #WilliamsonSimpson2 | August 8 | Live on DAZN ▪️

Adam Azim's brother Hassan looking to make waves at 154lbs 👊 #WilliamsonSimpson2 | August 8 | Live on DAZN ▪️

DAZN Boxing

27,821 views • 1 month ago

This flopped so bad on tiktok but I liked it so much when I made it 😭

This flopped so bad on tiktok but I liked it so much when I made it 😭

feds; Hudson Williams era 💌

99,561 views • 1 year ago

One of the 2 vinyl articulated figures we are working on. This one is just the sample we will have at Megaplex 😊 I am so excited for these ⭐️

One of the 2 vinyl articulated figures we are working on. This one is just the sample we will have at Megaplex 😊 I am so excited for these ⭐️

Val / LatinVixen🔜ANE/NFC

17,887 views • 1 year ago

Things Liberals made illegal for your kids: 😡 Social media Things Liberals made legal for your kids: 😊 Gender transition 😊 Safe supply sites I’m good bro. I don’t need these lunatics telling me how to raise my kids.

Things Liberals made illegal for your kids: 😡 Social media Things Liberals made legal for your kids: 😊 Gender transition 😊 Safe supply sites I’m good bro. I don’t need these lunatics telling me how to raise my kids.

Mario Zelaya

37,354 views • 3 months ago

Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox

Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox

Wes Bos

104,152 views • 7 months ago

I can play with these cards all day. Made with CSS only. Super light-weight and won't burden the page speed and performance at all.

I can play with these cards all day. Made with CSS only. Super light-weight and won't burden the page speed and performance at all.

Steve Lauda

15,089 views • 7 months ago

Look at Alperen. He made the little kid's day. He never turns down his fans - these things are always great to see. We're so proud of him. Alperen ⭐

Look at Alperen. He made the little kid's day. He never turns down his fans - these things are always great to see. We're so proud of him. Alperen ⭐

AlperenSengunAlways

59,284 views • 7 months ago

one year of i told you things live at red rocks ☆

one year of i told you things live at red rocks ☆

bella ★

11,870 views • 1 month ago

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,202,160 views • 7 months ago

Which one was your favorite? I always liked the banana plasma pistol 😂 feel free to use these for animation reference 🫡

Which one was your favorite? I always liked the banana plasma pistol 😂 feel free to use these for animation reference 🫡

Kommander Karl

12,220 views • 1 year ago

i liked seek's cool utdr guess who so i made one for fnf weekly. you can download in the link below

i liked seek's cool utdr guess who so i made one for fnf weekly. you can download in the link below

Campbell

15,768 views • 7 months ago

It hit me that I never really made a proper demo reel for my VA work, and since I like doing it enough, I thought I'd make a small one from some of the things I've been in and made over the years. As always, thanks to those who have had me on their projects thus far!

It hit me that I never really made a proper demo reel for my VA work, and since I like doing it enough, I thought I'd make a small one from some of the things I've been in and made over the years. As always, thanks to those who have had me on their projects thus far!

Hobo

173,150 views • 1 year ago

Gym bros, are belt squats good enough? I don’t have a hack squat or pendulum squat at my gym, so these have become my go-to.

Gym bros, are belt squats good enough? I don’t have a hack squat or pendulum squat at my gym, so these have become my go-to.

Ashwin Kandra

33,420 views • 1 month ago