Archive/CSS

Notes, techniques, and experiments in CSS — from layout tricks to modern features I'm learning or find interesting.

#css #design #film #gaming #music #note #opinion #personal #sport #today-i-learned #web

30 Mar 30/03/25

Item flow: a potential concept for masonry layouts

03 May 03/05/24

Rough CSS borders with SVG filters feTurbulence and feDisplacementMap

21 Mar 21/03/24

Blurring things in quirky ways

05 Mar 05/03/24

The CSS :has() selector

29 Feb 29/02/24

Fun focus states with :focus-visible

28 Feb 28/02/24

CSS counter numbering nested list items incorrectly

27 Feb 27/02/24

12 Modern CSS One-Line Upgrades

19 Feb 19/02/24

Fading content using transparent gradients

30 Mar 30/03/23

CSS repeatable linear gradients on multiple lines of text

04 Oct 04/10/22

SmolCSS

04 May 04/05/22

Implementing dark mode with prefers-color-scheme

14 Mar 14/03/22

Adaptive SVG favicon with dark mode

18 Nov 18/11/21

Pin footer to bottom with CSS position: sticky

30 Jun 30/06/21

Animated CSS underlines that wrap

31 May 31/05/21

Custom CSS cursors and offset

15 Apr 15/04/21

Preventing flex items from becoming squashed

27 Nov 27/11/20

Mimicking subgrid with display contents

23 Jan 23/01/20

Initial, Inherit and Unset values in CSS

17 Jan 17/01/20

Creating smooth and realistic shadows in CSS

11 Jan 11/01/20

Colouring CSS Grid lines

20 Nov 20/11/19

Smooth scrolling anchor links with CSS

19 Nov 19/11/19

Avoiding jagged edges on CSS linear gradients

18 Nov 18/11/19

Interesting CSS shapes with border-radius

16 Sep 16/09/16

CSS3 Flexible Boxes (flexbox)