正在加载视频...

视频加载失败

返回首页

"Scroll with Light" by Gayane Gasparyan

CodePen's profile picture

CodePen.IO

203,978 subscribers

71,366 次观看 • 2 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

6 条评论

Ankur 的头像
Ankur2 年前

Tried to recreate it using @framer 😁

Arby 的头像
Arby2 年前

looks great, just one issue. once custom properties are used with Scroll-Driven Animations, the animation will run on the main thread instead of the compositor

Dr Abstract 的头像
Dr Abstract2 年前

Very cool! What a wonderful effect. Cheers.

Juan 的头像
Juan2 年前

@midudev Brutal

🙏🏻 Sean Wichert, Sr. 的头像
🙏🏻 Sean Wichert, Sr.2 年前

Very cool. 😎

Mohammed Aslam 的头像
Mohammed Aslam2 年前

😶😶😶

相关视频

No. 2 on the Top Pens of 2023 is "3D Card Hover" from Gayane Gasparyan. It's such a *surprising* hover effect involving such beautiful art it's impossible not to like.
1:54

No. 2 on the Top Pens of 2023 is "3D Card Hover" from Gayane Gasparyan. It's such a *surprising* hover effect involving such beautiful art it's impossible not to like.

CodePen.IO

21,060 次观看 • 2 年前

Brusov University eski rektörü ve akademisyen Prof. Dr. Gayane Gasparyan: "Ülkemiz Ermenistan, DNA yasasıyla kurtulacak! Gizli Kürtler, Türkler vb damgalanacak ve seçimlere giremeyecek. Sakın dünya kamuoyu demeyin. O bizim için geçerli değil."
0:46

Brusov University eski rektörü ve akademisyen Prof. Dr. Gayane Gasparyan: "Ülkemiz Ermenistan, DNA yasasıyla kurtulacak! Gizli Kürtler, Türkler vb damgalanacak ve seçimlere giremeyecek. Sakın dünya kamuoyu demeyin. O bizim için geçerli değil."

Haber Report

197,900 次观看 • 11 天前

gayane in egitto
0:33

gayane in egitto

ei belíssima

101,180 次观看 • 1 年前

The orкs’ commander [ the ArBat battalion ], Hayk Gasparyan, was eliminated in Ukraine. Gasparyan participated in the occupation of Bakhmut and Soledar. He received the Medal "For Courage" from Putin. 1/2 ⬇️
1:50

The orкs’ commander [ the ArBat battalion ], Hayk Gasparyan, was eliminated in Ukraine. Gasparyan participated in the occupation of Bakhmut and Soledar. He received the Medal "For Courage" from Putin. 1/2 ⬇️

✙ Albina Fella ✙ 🇺🇦🇬🇧🇫🇷🇸🇪🇩🇰🇫🇮🇩🇪🇦🇺

15,878 次观看 • 4 个月前

made with c++ & <3 by zach lieberman push light from light studies V3
0:34

Sensitive content

made with c++ & <3 by zach lieberman push light from light studies V3

XX DAO

41,220 次观看 • 1 年前

Painting dinosaurs with light by Darius Twin
0:24

Painting dinosaurs with light by Darius Twin

non aesthetic things

69,047 次观看 • 2 个月前

Perfect web scroll animations with ease! → Explore performant, declarative Scroll-driven Animations with WAAPI, CSS, and Scroll and View Progress Timelines.
0:48

Perfect web scroll animations with ease! → Explore performant, declarative Scroll-driven Animations with WAAPI, CSS, and Scroll and View Progress Timelines.

Chrome for Developers

10,722 次观看 • 1 年前

CHAINED BY DARKNESS, GLOWING WITH LIGHT #구마유시 #GUMAYUSI
2:20

CHAINED BY DARKNESS, GLOWING WITH LIGHT #구마유시 #GUMAYUSI

Cá Yusi

12,283 次观看 • 9 个月前

Painting with only light reflection by Andrew Cadima
0:59

Painting with only light reflection by Andrew Cadima

Interesting AF

38,993 次观看 • 7 个月前

We added two properties to the Scroll Constraint options that you can animate and control with the State Machine: - Scroll Percent X/Y: 0-100% dynamically computed based on the viewport and content size - Scroll Index: scroll to a specific child item by index - See docs for details:
0:28

We added two properties to the Scroll Constraint options that you can animate and control with the State Machine: - Scroll Percent X/Y: 0-100% dynamically computed based on the viewport and content size - Scroll Index: scroll to a specific child item by index - See docs for details:

Rive

16,536 次观看 • 1 年前

*kisses you as you scroll by*
0:27

*kisses you as you scroll by*

al !

15,445 次观看 • 1 年前

Don’t scroll by without saying hiii
0:49

Sensitive content

Don’t scroll by without saying hiii

Club Moms

175,452 次观看 • 2 个月前

frame by frame scroll 📜 ThineAI
0:23

frame by frame scroll 📜 ThineAI

60fps

18,047 次观看 • 1 个月前

PETERBOT &amp; POLLO TAKE OUT SKY &amp; SCROLL IN GAME 7 😨 (Scroll got eliminated by Shxrk)
0:53

PETERBOT &amp; POLLO TAKE OUT SKY &amp; SCROLL IN GAME 7 😨 (Scroll got eliminated by Shxrk)

Stack

47,654 次观看 • 27 天前

light color form by zach lieberman made with c++ & <3
1:00

light color form by zach lieberman made with c++ & <3

FLAMINGO 🦩

31,609 次观看 • 1 年前

never scroll by a Breaking Bad edit
1:00

never scroll by a Breaking Bad edit

Saul Goodman ⚖

47,606 次观看 • 8 个月前

Snoopy dancing outside with a radio / “Light” by Ateez as bgm
0:26

Snoopy dancing outside with a radio / “Light” by Ateez as bgm

1024 reaction videos

30,158 次观看 • 1 年前

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!
3:43

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!

Steve (Builder.io)

113,931 次观看 • 8 个月前

Create a simple light effect with this easy method! By louisangerer
0:45

Create a simple light effect with this easy method! By louisangerer

Pietro Baudin

52,198 次观看 • 4 个月前

I never scroll by an Eminem freestyle 🔥
0:49

I never scroll by an Eminem freestyle 🔥

Eme Latina

131,726 次观看 • 1 年前