.trad-y-movement-animation img {
animation: tradYMovement infinite alternate ease-in-out;
animation-duration: var(--animation-speed, 2s);
}
@keyframes tradYMovement {
0% {
transform: translateY(0);
}
100% {
transform: translateY(var(--movement-range, 20px));
}
} .trad-x-movement-animation img {
animation: tradXMovement infinite alternate ease-in-out;
animation-duration: var(--animation-speed, 2s);
}
@keyframes tradXMovement {
0% {
transform: translateX(0);
}
100% {
transform: translateX(var(--movement-range, 20px));
}
} .trad-rotate-animation img {
animation: tradRotate infinite linear;
animation-duration: var(--animation-speed, 2s);
}
@keyframes tradRotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg); }
} .trad-spin-animation img {
animation: tradSpin infinite linear;
animation-duration: var(--animation-speed, 5s);
}
@keyframes tradSpin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg); }
}.trad-footer-copy-right{
background-color: #222222;
}