Comments on: A Serene CSS Dappled Light Effect https://css-tricks.com/css-dappled-light-effect/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 24 Aug 2022 21:44:41 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Geoff Graham https://css-tricks.com/css-dappled-light-effect/#comment-1796828 Wed, 24 Aug 2022 21:44:41 +0000 https://css-tricks.com/?p=360899#comment-1796828 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 https://css-tricks.com/css-dappled-light-effect/#comment-1796824 Wed, 24 Aug 2022 15:54:44 +0000 https://css-tricks.com/?p=360899#comment-1796824 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 https://css-tricks.com/css-dappled-light-effect/#comment-1794299 Mon, 28 Feb 2022 04:19:51 +0000 https://css-tricks.com/?p=360899#comment-1794299 Love this! Thanks for sharing

]]>
By: Carl https://css-tricks.com/css-dappled-light-effect/#comment-1789013 Tue, 01 Feb 2022 17:03:45 +0000 https://css-tricks.com/?p=360899#comment-1789013 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 https://css-tricks.com/css-dappled-light-effect/#comment-1788985 Mon, 31 Jan 2022 23:10:02 +0000 https://css-tricks.com/?p=360899#comment-1788985 Fantastic!

]]>
By: Chris B https://css-tricks.com/css-dappled-light-effect/#comment-1788497 Sat, 22 Jan 2022 05:52:05 +0000 https://css-tricks.com/?p=360899#comment-1788497 Very beautiful effect.

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

]]>
By: JL Faverio https://css-tricks.com/css-dappled-light-effect/#comment-1788451 Fri, 21 Jan 2022 07:58:36 +0000 https://css-tricks.com/?p=360899#comment-1788451 Dang, this is beautiful work. Frontend and backend!

]]>
By: Geoff https://css-tricks.com/css-dappled-light-effect/#comment-1788429 Thu, 20 Jan 2022 18:43:15 +0000 https://css-tricks.com/?p=360899#comment-1788429 Such a cool idea

]]>