SmartWeb 2016 - Razvan Caliman
summary
Practical walkthrough of using CSS gradients and background properties to build decorative UI: layered shapes via multiple background images and per-layer background-size/position, circle and stripe shapes with radial/linear gradients, skeleton loading screens using a repeating gradient plus :empty pseudo-class to auto-hide when content arrives, shimmering progress by animating background-position, gradient “borders” via background-origin: border-box, and styled range inputs without JavaScript. Demos run in modern browsers, work reliably for decoration but can be fragile for complex illustrations where SVG is preferable.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:04CSS only
- 4:13CSS gradients
- 10:42CSS gradients as images
- 20:54Skeleton screens
- 27:42Borders in CSS
- 32:20Bonus Round
