Drawing a "realistic" coffee mug with CSS
Time-lapse of coding a coffee mug (Hydro Flask mug-style) using HTML and CSS. This is an attempt at something a bit more "realistic" (even tried to add some fake texture), but it still looks too much like a drawing.
Source code and live demo: https://codepen.io/alvaromontoro/pen/...
In this video:
Positioning
Background gradients (linear and radial)
Border-radius
Box-shadow
Mask
Filter
Music credit: Happiness, by Bensound.