/*(odozgo na dole)*/
selector{
--speed: 1s;
animation: none !important;
}
selector > *{
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
transition: all var(--speed) ease-in-out;
}
selector.animated > *{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
/*(odozdo na gore)*/
selector{
--speed: 2s;
animation: none !important;
}
selector > *{
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
transition: all var(--speed) ease-in-out;
}
selector.animated > *{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
/*(s leva na desno)*/
selector{
--speed: 2s;
animation: none !important;
}
selector > *{
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
transition: all var(--speed) ease-in-out;
}
selector.animated > *{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
/*(s desna na levo)*/
selector{
--speed: 2s;
animation: none !important;
}
selector > *{
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
transition: all var(--speed) ease-in-out;
}
selector.animated > *{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
/* I onda se stavi motion effect - entrance animation - Fade in */
/* Na ovom sajtu napraviti u kojem smeru zelis da ide */
https://bennettfeely.com/clippy/