Exploring Creative Effects with CSS Filter Functions

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

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.

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()

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

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