← 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 6, 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 March 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 December 3, 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 September 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

Did you know?

Frontend Masters Donates to open source projects. $363,806 contributed to date.

See all 40+ open source project donations by Frontend Masters on Open Collective and thanks.dev.
  • 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
©2024 Frontend Masters · Terms of Service · Privacy Policy