ahurac/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Card : mise à jour du style

Browse source
This commit is contained in:
Ahurac 2024-01-31 14:59:56 +01:00
parent 1347f8f684
commit 7b674e2479
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/Card.astro
View file

@ -20,20 +20,25 @@ const { id, name, link } = Astro.props;
align-items: center;
padding: 10px;
margin: 10px 0;
border: 2px #ff66ff solid;
border: 2px #ff1aff solid;
color: white;
border-radius: 25px;
transition: 0.1s ease-out;
position: relative;
top: 0;
background-color: #00000000;
box-shadow: 0 0 50px #ff1aff80;
}
a {
text-decoration: none;
}
.card:hover {
top: -4px;
background-color: #ff80ff;
border: none;
background-color: #ff27f4;
border: 2px #00000000 solid;
color: black;
box-shadow: 0 0 50px #ff1affff;
}
.card:hover img {
@ -52,6 +57,10 @@ const { id, name, link } = Astro.props;
img {
height: 100%;
width: auto;
width: 100px;;
}
img, .card {
transition: 0.1s ease-out;
}
</style>