正在加载视频...

视频加载失败

返回首页

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

amit_sheen's profile picture

Amit Sheen

5,916 subscribers

63,515 次观看 • 3 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Eleftheria Batsou 的头像
Eleftheria Batsou3 年前

@CodePen wow, it looks so cool!

Navitech 的头像
Navitech3 年前

@CodePen That s wonderfull🥰

aman 的头像
aman3 年前

@CodePen Amazing!😮

Pier 的头像
Pier3 年前

Que belleza pa

EricPorter 的头像
EricPorter3 年前

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

Rishabh Gupta🇮🇳 的头像
Rishabh Gupta🇮🇳3 年前

@CodePen HTML+ CSS -> magic

Edwin 的头像
Edwin3 年前

@the_bigtank @CodePen Cool

ℝicky 的头像
ℝicky3 年前

@CodePen Beautiful!

iDev 的头像
iDev3 年前

@CodePen Magnifique

Jon Kantner 的头像
Jon Kantner3 年前

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

Prashant Singh 的头像
Prashant Singh3 年前

@CodePen You have worked so hard👍

相关视频

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

⛓️ 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 次观看 • 2 年前

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:
0:28

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

I really liked these slugcats so i made them all real
0:25

I really liked these slugcats so i made them all real

EasternightF🍉

39,483 次观看 • 8 个月前

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 🤲🏽💙
0:54

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

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
0:21

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

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
0:20

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

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

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

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

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

DAZN Boxing

27,821 次观看 • 1 个月前

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

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

feds; Hudson Williams era 💌

99,561 次观看 • 1 年前

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 ⭐️
0:28

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

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.
0:35

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

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
1:39

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

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.
0:21

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

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 ⭐
0:46

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

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

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

bella ★

11,870 次观看 • 1 个月前

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🤩
0:36

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

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

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

Kommander Karl

12,220 次观看 • 1 年前

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

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

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!
1:11

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

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.
0:24

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