Advanced CSS Techniques: Exploring the Infinity Keyword with Text Properties
By
roosgit
9mo ago· 7 min readen
100/100
Golden Brown
Bagelometer↗
A five-star bake. Worth schmearing, sharing, saving.
Score100Typehow-toSentimentneutral
Summary
This article continues the author's exploration of creative and unconventional uses of the CSS `infinity` keyword, building on previous work with font sizes and line heights. The author experiments with applying `infinity` to various text properties like text-indent, word-spacing, and letter-spacing, demonstrating how this CSS keyword can produce unexpected and sometimes useful visual effects in web design.
Key quotes
· 4 pulledPreviously on meyerweb, I explored ways to do strange things with the infinity keyword in CSS calculation functions.
When last we met, I'd just finished up messing with font sizes and line heights, and that made me think about other text properties that accept lengths.
You know, like these: div:nth-of-type(1) {text-indent: calc(infini
More explorations of ways to abuse the CSS infinity keyword, this time with more than just lengths.
More explorations of ways to abuse the CSS `infinity` keyword, this time with more than just lengths.
