Card : mise à jour du style
This commit is contained in:
parent
049e8c47ed
commit
90af7b8633
1 changed files with 10 additions and 2 deletions
|
@ -18,16 +18,24 @@ const { id, name } = Astro.props;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
background-color: white;
|
border: 2px #ff66ff solid;
|
||||||
color: black;
|
color: white;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
transition: 0.1s ease-out;
|
transition: 0.1s ease-out;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
background-color: #00000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card:hover {
|
.card:hover {
|
||||||
top: -4px;
|
top: -4px;
|
||||||
|
background-color: #ff80ff;
|
||||||
|
border: none;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover img {
|
||||||
|
filter: invert(100%) brightness(0%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
|
Loading…
Reference in a new issue