more ani
This commit is contained in:
12
src/App.css
12
src/App.css
@@ -617,7 +617,7 @@
|
||||
|
||||
.save-leaf {
|
||||
position: absolute;
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.65rem;
|
||||
line-height: 1;
|
||||
opacity: 0;
|
||||
animation: save-leaf-float 1.9s ease-out forwards;
|
||||
@@ -629,10 +629,10 @@
|
||||
transform: translateY(0) translateX(0) rotate(0deg) scale(0.6);
|
||||
opacity: 0;
|
||||
}
|
||||
12% { opacity: 1; transform: translateY(-18px) translateX(calc(var(--leaf-dx) * 0.1)) rotate(calc(var(--leaf-rot) * 0.1)) scale(1); }
|
||||
12% { opacity: 1; transform: translateY(-27px) translateX(calc(var(--leaf-dx) * 0.1)) rotate(calc(var(--leaf-rot) * 0.1)) scale(1); }
|
||||
85% { opacity: 0.5; }
|
||||
100% {
|
||||
transform: translateY(-190px) translateX(var(--leaf-dx)) rotate(var(--leaf-rot)) scale(0.4);
|
||||
transform: translateY(-285px) translateX(var(--leaf-dx)) rotate(var(--leaf-rot)) scale(0.4);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@@ -644,13 +644,13 @@
|
||||
justify-content: center;
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
padding: 0 1.25rem;
|
||||
min-height: 44px;
|
||||
padding: 0 1.875rem;
|
||||
min-height: 66px;
|
||||
border-radius: 100px;
|
||||
background: #f0fdf4;
|
||||
border: 1.5px solid #bbf7d0;
|
||||
font-family: "Sniglet", system-ui;
|
||||
font-size: 0.875rem;
|
||||
font-size: 1.3125rem;
|
||||
font-weight: 600;
|
||||
color: #15803d;
|
||||
white-space: nowrap;
|
||||
|
||||
Reference in New Issue
Block a user