957: CSS: Advanced and Obscure

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 24 November 2025

⏱️ 38 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0	Welcome to syntax today. We've got a stumped episode for you, which is Scott and I are trying to
0:06.5	stump each other with CSS questions. These are things that might pop up an interview or they're
0:12.8	just obscure, obtuse parts of the CSS specification where you're going to learn a thing or two
0:19.2	along the way and have fun at our expense.
0:21.9	What's up, Scott? How are you doing today?
0:23.8	Oh, hey, man. I'm doing great. I'm just trying to function. All of my questions are CSS function
0:29.1	related. So I'm very excited because CSS functions is a wild and wacky world. So no, man,
0:36.5	I'm doing great. Yeah, just ready to talk about
0:39.1	some CSS. I've been building some really neat CSS demos lately. So I'm going to be doing some
0:44.2	more videos on the channel showing off some really just kind of either obscure CSS knowledge or really
0:50.3	useful little tips and tricks. So keep your eye out for that on syntax on YouTube.
0:54.6	All right, let's get into it.
0:56.5	All right, my first question I have for you
0:58.3	is which of the following are valid CSS shape functions?
1:02.9	These are commonly used in clip path, offset path,
1:05.8	and shape outside.
1:06.9	So we have functions, okay.
1:08.2	Super ellipse, X, Y, W, H, Ray, and Vector.
1:15.1	Which of these are valid?
1:18.0	You're going to tell me how many of them are valid, or I just have to know?
1:21.2	No.
1:21.4	Okay, so I know X, Y, W, H, and Ray are both valid.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.