mirror of
https://github.com/ND-Framework/ND_Core.git
synced 2026-08-17 22:06:02 +01:00
feat(ui): added animation to overflowing text
This commit is contained in:
@@ -279,3 +279,22 @@ body {
|
|||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
border-radius: 10vw;
|
border-radius: 10vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.animated {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.animated > * {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
animation: 3s linear 0s infinite alternate move;
|
||||||
|
}
|
||||||
|
@keyframes move {
|
||||||
|
0%, 25% {
|
||||||
|
transform: translateX(0%);
|
||||||
|
left: 0%;
|
||||||
|
}
|
||||||
|
75%, 100% {
|
||||||
|
transform: translateX(-100%);
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user