BAB 15 – TRANSFORM & TRANSITION

Bydeka Juni 15, 2026

TRANSFORM

Transform digunakan untuk mengubah bentuk objek.

transform:scale(1.2);

transform:rotate(45deg);

transform:translateX(50px);

img:hover{
    transform:scale(1.1);
}

Transition membuat perubahan lebih halus.

button{
    transition:0.5s;
}

button:hover{
    background:red;
}

.box{
    transition:0.3s;
}

.box:hover{
    transform:scale(1.1);
}