Tic Tac Toe with CSS and SVG

Learn how to make a fully functioning Tic Tac Toe game that doesn't need any client-side JavaScript!

For this course, we'll be using Pug and Stylus which are preprocessors for HTML and CSS respectively.

Learn how to:

• Generate markup with loops and template literals
• Leverage native HTML behavior
• Create SVG
• Use CSS variables and scope
• Implement game logic with HTML forms
• Animate SVG with CSS
• Use CSS Animation to provide motion
• Use Pug Mixins
• Disable motion when users don't want it
• Apply visual effects using CSS filter and backdrop-filter
• Generate random animations using Pug and CSS variables