Skip to content

Commit b8aaad0

Browse files
authored
auth - update animation (microsoft#251939)
1 parent c2b76e0 commit b8aaad0

File tree

1 file changed

+14
-5
lines changed
  • extensions/github-authentication/media

1 file changed

+14
-5
lines changed

extensions/github-authentication/media/auth.css

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -61,24 +61,33 @@ a:hover, a:focus {
6161
@keyframes rise-and-glow {
6262
0% {
6363
opacity: 0;
64-
transform: translateY(10px);
64+
transform: translateY(15px) scale(0.95);
6565
filter: drop-shadow(0 0 0 rgba(0, 122, 204, 0));
6666
}
67-
60% {
67+
68+
50% {
69+
opacity: 0.8;
70+
transform: translateY(-2px) scale(1.02);
71+
filter: drop-shadow(0 4px 12px rgba(0, 122, 204, 0.15));
72+
}
73+
74+
70% {
6875
opacity: 1;
69-
transform: translateY(0);
76+
transform: translateY(1px) scale(0.99);
77+
filter: drop-shadow(0 6px 18px rgba(0, 122, 204, 0.25));
7078
}
79+
7180
100% {
7281
opacity: 1;
73-
transform: translateY(0);
82+
transform: translateY(0) scale(1);
7483
filter: drop-shadow(0 8px 24px rgba(0, 122, 204, 0.3));
7584
}
7685
}
7786

7887
.vscode-icon {
7988
width: 128px;
8089
height: 128px;
81-
animation: rise-and-glow 1.2s ease-in-out forwards;
90+
animation: rise-and-glow 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
8291
}
8392

8493
.title {

0 commit comments

Comments
 (0)