{"id":389371,"date":"2025-09-24T06:49:22","date_gmt":"2025-09-24T12:49:22","guid":{"rendered":"https:\/\/css-tricks.com\/?p=389371"},"modified":"2025-09-30T09:20:36","modified_gmt":"2025-09-30T15:20:36","slug":"css-typed-arithmetic","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/css-typed-arithmetic\/","title":{"rendered":"CSS Typed Arithmetic"},"content":{"rendered":"\n

CSS typed arithmetic is genuinely exciting! It opens the door to new kinds of layout composition and animation logic we could only hack before. The first time I published something that leaned on typed arithmetic was in this animation:<\/p>\n\n\n\n\n\n\n\n