tedkulp/Readarr
1
0
Fork 0
mirror of https://github.com/Readarr/Readarr.git synced 2026-04-21 22:04:31 -04:00
Code Issues Projects Releases Wiki Activity

Rework marquee

Browse Source
This commit is contained in:
ta264
2021-04-11 19:14:41 +01:00
parent 5714f1c913
commit f884a2689a
6 changed files with 125 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/Components/Marquee.css
+17
View File
@@ -0,0 +1,17 @@
.container {
position: relative;
overflow: hidden;
padding-left: 10px;
white-space: nowrap;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-mask-image: linear-gradient(to right, transparent, $white 10px, $white 90%, transparent), linear-gradient(to left, transparent, $white 10px, $white 90%, transparent);
mask-image: linear-gradient(to right, transparent, $white 10px, $white 90%, transparent), linear-gradient(to left, transparent, $white 10px, $white 90%, transparent);
}
.inner {
transition: transform var(--duration) ease-in-out;
}
.toLeft {
transform: translateX(var(--distance));
}