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