aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-16 12:54:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: variants for vote button

Browse Source
This commit is contained in:
MTG2000
2022-05-16 19:42:03 +03:00
parent 5ea2e80f2d
commit ba8916fb14
2 changed files with 50 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Components/VoteButton/styles.module.css
View File

@@ -33,11 +33,25 @@
width: 100%;
height: 100%;
position: absolute;
}
.color_overlay__background::before {
top: 0;
right: 0;
}
.color_overlay__leftRight::before {
top: 0;
right: 100%;
transform: translateX(var(--offset));
}
.color_overlay__upDown::before {
top: 100%;
right: 0;
transform: translateY(calc(-1 * var(--offset)));
}
@keyframes fly_value {
0% {
transform: translate(-50%, 0) scale(0.5);
@@ -45,12 +59,12 @@
}
66% {
transform: translate(-50%, -36px) scale(1.2);
transform: translate(-50%, -26px) scale(1.2);
opacity: 0.6;
}
100% {
transform: translate(-50%, -48px) scale(0.8);
transform: translate(-50%, -38px) scale(0.8);
opacity: 0;
}
}