Comments on: A Serene CSS Dappled Light Effect

By: Geoff Graham

Geoff Graham — Wed, 24 Aug 2022 21:44:41 +0000

In reply to Ben. I'm only seeing that issue in the latest version of Chrome. Is that where you're seeing it, too?

By: Ben

Ben — Wed, 24 Aug 2022 15:54:44 +0000

What has happened to this effect? It seems all demos of this approach have changed, and the effect is now coarse, with big obvious shapes – instead of soft/subtle/serene patches of light. Has something deprecated?

By: Anthony

Anthony — Mon, 28 Feb 2022 04:19:51 +0000

Love this! Thanks for sharing

By: Carl

Carl — Tue, 01 Feb 2022 17:03:45 +0000

I get a little bit of jitter on hover as the animation starts from the beginning.

Love this example!

I think you could improve this by putting the animation directly on the elements along with the:
animation-play-state: paused;

Then add:
animation-play-state: running;
to the element on hover.

By: Mike Riley

Mike Riley — Mon, 31 Jan 2022 23:10:02 +0000

Fantastic!

By: Chris B

Chris B — Sat, 22 Jan 2022 05:52:05 +0000

Very beautiful effect.

I did have some display issues on my mobile device, the font size seems to be the culprit.

By: JL Faverio

JL Faverio — Fri, 21 Jan 2022 07:58:36 +0000

Dang, this is beautiful work. Frontend and backend!

By: Geoff

Geoff — Thu, 20 Jan 2022 18:43:15 +0000

Such a cool idea