External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(loading ellipsis): improve animation

Browse Source
This commit is contained in:
plebeius.eth
2024-04-28 19:38:18 +02:00
parent ef1580e8c0
commit eddc0982bb
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/loading-ellipsis/loading-ellipsis.module.css
+9 -11
View File
@@ -1,24 +1,22 @@
.ellipsis {
display: inline-block;
}
.ellipsis:after {
content: '...';
position: absolute;
-webkit-animation: ellipsis steps(4, end) 1200ms infinite;
animation: ellipsis steps(4, end) 1500ms infinite;
width: 0px;
overflow: hidden;
display: inline-block;
position: absolute;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4,end) 1500ms infinite;
animation: ellipsis steps(4,end) 1500ms infinite;
content: "\2026"; /* ascii code for the ellipsis character */
width: 0px;
}
@keyframes ellipsis {
to {
width: 1.3em;
width: 1.25em;
}
}
@-webkit-keyframes ellipsis {
to {
width: 1.3em;
width: 1.25em;
}
}