.citacao-bio {
background-color: #D9E5E3;
border: .5em solid #C2CCCA;
padding: 1em;
margin: 1em 2em;
width: 30ch;
box-sizing: border-box;
}
.citacao-bio:nth-of-type(even) {
float: left;
margin-left: 0;
}
.citacao-bio:nth-of-type(odd) {
float: right;
margin-right: 0;
}
.subtitulo-texto {
font-size: 2em;
}
.citacao-bio:hover {
box-shadow: 0 0 99999px rgba(0, 0, 0, .8)
}
.citacao-bio:nth-of-type(odd):hover {
transform: scale(1.2) rotate(5deg);
}
.citacao-bio:nth-of-type(even):hover {
transform: scale(1.2) rotate(-5deg);
}
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta
resposta
Sombra não cobre a tela inteira, apenas uma pequena área ao redor da citação.
solução!
Fala aí Bruno, tudo bem? Faltou você informar mais um parâmetro antes do 99999px, deveria ser três zeros.
Seu código:
box-shadow: 0 0 99999px rgba(0, 0, 0, .8)O correto seria:
box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8)Espero ter ajudado.