Poruszający się obiekt

Za zadanie do wykonania masz utworzyć kwadrat, który będzie się poruszał w 4 kierunkach. Kierunek ruchu będzie zależał od tego jaki klawisz strzałki naciśniesz na klawiaturze.

Zadanie z kwadratami w CSS

Za zadanie masz do utworzenia w HTML i CSS 3 znaczniki div, które będą nachodzić na siebie. Pierwszy div o rozmiarach 150px na 150px w kolorze żółtym i obramowaniu 1px o linii ciągłej koloru czarnego. Drugi div pod żółtym o wymiarach 300px na 300px w kolorze zielonym i obramowaniu 2px linii ciągłej czarny. Natomiast 3 div w kolorze biebieskim o rozmiarach 450px na 450px i obramowaniu o grubości 3px linii ciągłej czarny. Niebieski ma być pod zielonym.