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

Ana Tudor

Post Thumbnail for Using Container Query Units Relative to an Outer Container
Container QueriesContainer UnitsCSSCustom Properties

Using Container Query Units Relative to an Outer Container

By Ana Tudor on May 06, 2025

Container units (e.g. cqi) are only able to reference the closest container. But if you register a custom property and set that higher up, you can get your hands on other containers units.

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