Label shine: narrower, subtler, shorter path with pauses
This commit is contained in:
@@ -130,13 +130,13 @@
|
|||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: -100%;
|
left: -30%;
|
||||||
width: 60%;
|
width: 25%;
|
||||||
height: 45%;
|
height: 45%;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
transparent 0%,
|
transparent 0%,
|
||||||
rgba(255, 255, 255, 0.4) 50%,
|
rgba(255, 255, 255, 0.25) 50%,
|
||||||
transparent 100%
|
transparent 100%
|
||||||
);
|
);
|
||||||
animation: top-shine 4s ease-in-out infinite;
|
animation: top-shine 4s ease-in-out infinite;
|
||||||
@@ -144,8 +144,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@keyframes top-shine {
|
@keyframes top-shine {
|
||||||
0%, 100% { left: -100%; }
|
0%, 15% { left: -30%; }
|
||||||
50% { left: 140%; }
|
40%, 60% { left: 105%; }
|
||||||
|
85%, 100% { left: -30%; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ----------------------------------------------------------------------------
|
/* ----------------------------------------------------------------------------
|
||||||
|
|||||||
Reference in New Issue
Block a user