Skip to content

Commit a6fb67e

Browse files
committed
Refactor album-details animation
Update the animation for the h4 text in the album-details component. The animation now scales the text down to 50% of its original size and changes the opacity to 50% during the animation. Additionally, the animation now uses the transform property instead of the filter property to achieve the desired effect. This refactor improves the visual presentation of the album details.
1 parent a86fe05 commit a6fb67e

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

src/styles/album-details.ts

+3-2
Original file line numberDiff line numberDiff line change
@@ -204,12 +204,13 @@ export default css`
204204
}
205205
@keyframes h4-text {
206206
25% {
207-
opacity: 0.25;
207+
transform: scale(0.5);
208+
opacity: 0.5;
208209
}
209210
to {
210211
height: 0;
211212
opacity: 0;
212-
filter: blur(10px);
213+
transform: scale(0);
213214
}
214215
}
215216
h4 {

0 commit comments

Comments
 (0)