← Back to FrontendMasters.com
Courses Learn Become a Member Guest Writing
RSS
/ BLOG
Author Archive for

Ana Tudor

Post Thumbnail for A Deep Dive into the Inline Background Overlap Problem
blockquoteCSSSVG

A Deep Dive into the Inline Background Overlap Problem

By Ana Tudor on Mar 18, 2025

`box-decoration-break: clone;` in CSS can help us make for interesting backgrounds across lines of text that break, but when opacity gets involved, things can get complicated.

Post Thumbnail for Pure CSS Halftone Effect in 3 Declarations
CSSFilterGradientsHalftoneMask

Pure CSS Halftone Effect in 3 Declarations

By Ana Tudor on Dec 03, 2024

A halftone is a pattern of dots that vary in size and spacing. It’s a printing technique that you normally don’t see, but blown up in size, is a cool aesthetic. This is a deep dive on how it can be done in CSS alone, starting quite simply!

Post Thumbnail for Split Effects with no Content Duplication
clip-pathCSSRangeSVG

Split Effects with no Content Duplication

By Ana Tudor on Sep 11, 2024

The `clip-path` property with the `inset()` shape makes for some cool design opportunities. Here we’ll expand on some existing ideas, improving them by not requiring any content duplication.

Author

Ana Tudor
Ana Tudor
Hi, I'm Ana. I code stuff. I'm a showoff, so I sometimes record myself doing this. I've also written a bunch of articles in various places on the internet.
Website X Profile
← Newer Posts
$966,000

Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.

  • Courses
  • Learn
  • Teachers
  • Guides
  • Blog
  • FAQ
  • Login
  • Join Now
  • RSS
Twitter LinkedIn Facebook Instagram RSS
Frontend Masters App on the Apple App Store Frontend Masters App on Google Play
Contact: support@frontendmasters.com
Frontend Masters is proudly made in Minneapolis, MN
©2026 Frontend Masters · Terms of Service · Privacy Policy