Tutorial on how to build a repeating background with animated diagonal movement. Perfect to spice up a portfolio site. Also a quick look at the CSS clamp function.

Demo: https://movingbackground.netlify.app
Code: https://github.com/danba340/moving-background-css

• 0:00 Intro
• 0:40 Template
• 2:10 Css Variables
• 3:10 Clamp
• 4:00 Styling
• 10:25 Keyframes & Animation

Twitter: https://twitter.com/barelydaniel

#css #html #web-development #programming #developer