Comments on: Pure CSS Halftone Effect in 3 Declarations https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/ Helping Your Journey to Senior Developer Fri, 24 Jan 2025 10:10:44 +0000 hourly 1 https://wordpress.org/?v=6.8.3 By: Orville Vroemen https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-20528 Fri, 24 Jan 2025 10:10:44 +0000 https://frontendmasters.com/blog/?p=4594#comment-20528 In reply to Ana.

Hi Ana,
Sorry, I don’t know what I was writing. In fact, I don’t know how to reproduce the halftone effect without using filter, and I don’t know how gradient stops (e.g. #fff 30%) would benefit the halftone effect.

]]> By: Ana https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-19836 Fri, 17 Jan 2025 20:10:10 +0000 https://frontendmasters.com/blog/?p=4594#comment-19836 In reply to Orville Vroemen.

Got an example of how you’d create any of the demos in the article? For example this one https://codepen.io/thebabydino/pen/vYoqKBJ – I’d be very curious to see your fork reproducing it with “gradient stops” instead.

]]> By: Orville Vroemen https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-19624 Fri, 17 Jan 2025 11:13:54 +0000 https://frontendmasters.com/blog/?p=4594#comment-19624 Thanks a lot, however I think using gradient stops is way better than using CSS filters like contrast. Just make the gradient stop and start at a percentage to get a hard stop, rather than an actual gradient. It’ll be more flexible, maintainable and performant (in case you want to animate things).

]]> By: Nigel https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-17580 Tue, 17 Dec 2024 05:17:19 +0000 https://frontendmasters.com/blog/?p=4594#comment-17580 This is truly impressive both a work of art and technical at the same time. Exceptional article.

]]> By: HatmanStack https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-17572 Tue, 17 Dec 2024 03:11:25 +0000 https://frontendmasters.com/blog/?p=4594#comment-17572 Really useful stuff. Will shamelessly steal.

]]> By: Damian https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-17568 Tue, 17 Dec 2024 02:39:07 +0000 https://frontendmasters.com/blog/?p=4594#comment-17568 I might as well keep this article bookmarked for the rest of my life…

]]> By: Ben https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-16858 Thu, 05 Dec 2024 22:46:00 +0000 https://frontendmasters.com/blog/?p=4594#comment-16858 OMFG!!!
This thing is the truely most amnazing thing I’ve seen for a while!
From a simple idea, to a convincing effect, to an amazing world of possibilities!
The post of the year.

]]> By: Andi https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/#comment-16771 Wed, 04 Dec 2024 12:04:39 +0000 https://frontendmasters.com/blog/?p=4594#comment-16771 May I already call you “legend”? That’s absolutely amazing!!!! Thanks a lot for sharing this!

]]>