Skip to content

Commit

Permalink
Refactor album-details animation
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
lucienimmink committed Oct 14, 2024
1 parent a86fe05 commit a6fb67e
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/styles/album-details.ts
Original file line number Diff line number Diff line change
Expand Up @@ -204,12 +204,13 @@ export default css`
}
@keyframes h4-text {
25% {
opacity: 0.25;
transform: scale(0.5);
opacity: 0.5;
}
to {
height: 0;
opacity: 0;
filter: blur(10px);
transform: scale(0);
}
}
h4 {
Expand Down

0 comments on commit a6fb67e

Please sign in to comment.