Hasty Treat - Some Neat CSS Functions That You Should Know About

In this Hasty Treat, Scott and Wes talk about CSS functions, what they are, how to use them, and more!

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

02:13 - attr()

04:14 - calc()

06:05 - :is()

07:20 - sin, cos, tan, acos, asin, sqrt, pow

08:52 - clamp()

12:13 - minmax()

14:24 - fit-content()

15:35 - filter

• blur()
• grayscale()
• sepia()
• opacity()
• contrast()
• url()

Links

• https://twitter.com/wesbos/status/1256229763225657348/photo/1

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets