Same geometry, same movement, colour only. Every mark below is the exact block from decodemodus.com: column two sits one cell low, and on hover it slides up to line out flush. 500ms, cubic-bezier(0.23, 1, 0.32, 1).
Hover a tile
Colourways
Whole-mark colour, with the option of a second colour on the moving column.
Cell accents
Red picks out single blocks instead of a whole column. Top-left mark is at rest, bottom-right is where it lands on hover. Ink #111214 on red #E43D2F.
Every mark on this page is the same HTML: four columns of three blocks, the second column offset by one cell plus one gap. The only thing that changes is which blocks are red. Tap works on touch screens; hover works on desktop.