1. 29
  1. 8

    wow, this is really amazing.

    • the draggable rope is due to resize: vertical; which sets the height used by all other components
    • the turning gears turn by indexing into a spritesheet using the height (which is always a whole number in px)
    • the ropes/chains are tiled background segments. since they start tiling from the bottom, a change in height moves them accordingly
    1. 2

      It’s wild what you can do now with just pure CSS.