Zadatak 2: Rotacija (rotate)

Zadatak 1: Pomicanje Zadatak 2: Rotiranje Zadatak 3: Skaliranje Zadatak 4: Nagib Zadatak 5: Kombinacija

Kliknite na crveni kvadrat da biste ga rotirali za 45 stupnjeva. Ponovnim klikom vraćate početno stanje.

/* CSS */
.kvadrat {
    transition: transform 0.5s ease;
}

/* JavaScript */
function rotateElement() {
    if (element.style.transform === 'rotate(45deg)') {
        element.style.transform = 'rotate(0deg)';
    } else {
        element.style.transform = 'rotate(45deg)';
    }
}