Skip to content

Commit f47dfd1

Browse files
committed
Add bounce CTA animation
1 parent ae0ff50 commit f47dfd1

1 file changed

Lines changed: 20 additions & 1 deletion

File tree

style.css

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,7 @@ body::after {
172172
.header-cta {
173173
text-align: center;
174174
margin-top: 2rem;
175-
animation: slideUp 1s ease-out 0.8s both;
175+
animation: bounceDown 1.2s ease-out 1s both;
176176
}
177177

178178
.install-btn {
@@ -1694,6 +1694,25 @@ body::after {
16941694
}
16951695
}
16961696

1697+
@keyframes bounceDown {
1698+
0% {
1699+
transform: translateY(30px);
1700+
opacity: 0;
1701+
}
1702+
70% {
1703+
transform: translateY(-8px);
1704+
opacity: 1;
1705+
}
1706+
85% {
1707+
transform: translateY(3px);
1708+
opacity: 1;
1709+
}
1710+
100% {
1711+
transform: translateY(0);
1712+
opacity: 1;
1713+
}
1714+
}
1715+
16971716

16981717
/* Decoration Animations */
16991718
@keyframes float {

0 commit comments

Comments
 (0)