comicss

A webcomic about CSS. Coded in CSS.

Code Breaker

These three knobs control a safebox lock. Each knob corresponds to a CSS word. To unlock the safebox, turn the knobs so that the correct starting letter of each word is at the top.

  1. Determine how many positions each knob needs to be turned.
  2. Specify the direction: C for clockwise or CC for counter-clockwise.
  3. Enter the number of positions and the direction in the inputs below each knob.
  4. Click "Check" to see if the safebox unlocks.

Note: Each CSS word can be read either left-to-right or right-to-left (whichever is the shortest distance). Words may contain dashes but they are not displayed on the knob.

Example:

R O B R E D

The solution for this knob would be 2-CC because the knob would need to be turned two letters counter-clockwise to unlock (BORDER).


The Game

R G I N M A
V O W O L F R E
R D B R E A K W O

Congratulations!!

You solved the puzzle!

Oh-oh!!

That's not the solution. Try again!

Congratulations!!

You solved the puzzle!

Go back to the games page.