Mais ações
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 7: | Linha 7: | ||
} | } | ||
a:hover{ | a:hover{ | ||
color: # | color: #897051; | ||
} | } | ||
.card { | .card { | ||
| Linha 19: | Linha 18: | ||
.card:hover { | .card:hover { | ||
transform: scale(0.99); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ | transform: scale(0.99); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ | ||
} | |||
.card a:hover{ | |||
color: #fff; | |||
box-shadow: inset 200px 0 0 0 #54b3d6; | |||
} | } | ||
Edição das 12h01min de 14 de dezembro de 2022
a{
box-shadow: inset 0 0 0 0 #54b3d6;
color: #308E89;
padding: 0 .25rem;
margin: 0 -.25rem;
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
a:hover{
color: #897051;
}
.card {
border: 2px solid #308E89;
border-radius:15px;
padding:5px;
margin:10px;
transition: transform .2s;
}
.card:hover {
transform: scale(0.99); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.card a:hover{
color: #fff;
box-shadow: inset 200px 0 0 0 #54b3d6;
}