Interactive apps for the CSS you can’t learn from a screenshot. Each one is linked from the lesson it teaches where one exists, explains itself as you use it, and works fully in Bengali.
Drag padding, border and margin and watch a 300px box become 360px — then flip to border-box and watch it snap back.
Stack multiple shadow layers, drag directly on the shape, compare box-shadow against filter: drop-shadow().
Linear, radial and conic gradients with unlimited stops — see sRGB vs OKLCH interpolation compared side by side.
Every container and item property, live. Watch order change what you see without touching the HTML.
Style every part of a scrollbar — track, thumb, corner, buttons — with an honest note on which browsers support what.
Paste a selector, see its (a, b, c) weight broken down and colour-coded. Compare two selectors to see which wins.
Build a palette from one colour, check WCAG AA/AAA contrast, preview how it looks under colour blindness.
Drag across cells to place items on a real CSS Grid — mix fr, px, auto and minmax() tracks, export the derived grid-template-areas.