xxxxxxxxxx
/* Animate position change */
.box {
position: relative;
left: 0;
top: 0;
transition: left 0.5s ease-out, top 0.5s ease-out;
}
.box:hover {
left: 100px;
top: 50px;
}
xxxxxxxxxx
/* Animate position change */
.box {
position: absolute;
left: 0;
top: 0;
transition: left 0.5s ease-out, top 0.5s ease-out;
}
.box.fixed {
position: fixed;
left: 0;
top: 0;
transition: left 0.5s ease-out, top 0.5s ease-out;
}
xxxxxxxxxx
/* Animate position change */
.box {
position: absolute;
left: 0;
top: 0;
transition: left 0.5s ease-out, top 0.5s ease-out;
}
.box:hover {
left: 100px;
top: 50px;
}