CSS Scroll Snap Types Explained

Scott and Wes face off in a CSS-themed round of STUMP’d, quizzing each other on shape functions, scroll snap types, obscure functions, and long-forgotten spec history. From ray() to cross-fade() to print-color quirks, this episode is packed with rapid-fire frontend trivia guaranteed to sharpen your CSS brain.

Show Notes

• 00:00 Welcome to Syntax!
• 00:54 Which of the following are valid CSS Shape Functions?
• 02:03 CSS Selectors 4 specification demo.
• 03:20 How many functions are there in CSS?
• 04:22 Brought to you by Sentry.io.
• 04:47 Explain the 3 CSS Scroll Snap types.
• 06:38 What does the xywh() do?
• 09:15 What about ray()?
• 11:25 What do CSS Namespaces do?
• 14:37 What year was CSS paint() bug tracker introduced in Firefox?
• 17:34 What does print-color-adjust do?
• 20:26 What is cross-fade()?
• 23:54 Name 3 reasons you might use CSS @property.
• 27:36 List all 10 CSS Filter Functions.
• 32:41 Name 5 font properties.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads