maciejpedzich/cats-album
1
0
Fork 0
mirror of https://github.com/maciejpedzich/cats-album.git synced 2024-11-27 22:35:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Increas card's box shadow radius on hover

Browse Source
This commit is contained in:
Maciej Pędzich 2023-09-05 00:09:11 +02:00
parent 1faa6e15ee
commit f2a17219e5
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/CatCard.astro
View File

@ -42,10 +42,14 @@ const { cat } = Astro.props;
margin: 0.5rem 0; margin: 0.5rem 0;
padding: 0; padding: 0;
flex-direction: column; flex-direction: column;
transition-property: transform;
transition-duration: 300ms; transition-duration: 300ms;
} }
.card:hover {
transform: scale(1.05);
box-shadow: 0 0 10px var(--color-grey);
}
.card h3 { .card h3 {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -66,8 +70,4 @@ const { cat } = Astro.props;
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
} }
.card:hover {
transform: scale(1.05);
}
</style> </style>