Você sabia que o olfato dos cachorros é até 100 mil vezes mais apurado que o dos humanos? Essa habilidade impressionante faz com que eles consigam detectar doenças como câncer e diabetes apenas pelo cheiro, além de localizar pessoas perdidas ou identificar explosivos. Por isso, cães farejadores são tão valiosos em operações policiais e de resgate.
Os dinossauros dominaram a Terra por mais de 160 milhões de anos, muito antes do ser humano sequer existir. Eles surgiram no período Triássico, há cerca de 230 milhões de anos, e se extinguiram no final do Cretáceo, há aproximadamente 66 milhões de anos.
Pode parecer estranho, mas o frango é o parente vivo mais próximo do temido Tiranossauro Rex! Estudos genéticos mostram que as aves modernas, incluindo o frango doméstico, descendem diretamente de dinossauros terópodes — os mesmos que deram origem a predadores gigantes do passado.
O ouriço é um animal curioso e cheio de truques na manga — ou melhor, nas costas! Quando se sente ameaçado, ele se enrola como uma bola, escondendo seu corpo sob uma armadura de espinhos afiados. Esses espinhos, que podem chegar a mais de 5 mil em um único ouriço, são uma defesa extremamente eficaz contra predadores.
<div class="col-md-3">
<div class="caixa">
<img src="img/estrelas.png" alt="" class="logo">
<h5 class="my-3">Cachorro</h5>
<span class="linha"></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti dolore porro
laudantium reiciendis adipisci a eveniet facilis modi neque doloribus? Culpa natus cupiditate
at accusamus hic delectus obcaecati excepturi voluptas!</p>
<img src="img/cao.png" alt="" class="imagem">
</div>
</div>.caixa1{
border: 1px solid #BBB;
border-radius: 15px;
padding: 10px;
background-color: #FFF;
height: 430px;
position: relative;
overflow: hidden;
}
p{
color: #777;
}
.caixa1 .imagem,
.caixa1 .imagem2{
max-width: 180px;
position: absolute;
bottom: -10px;
transition: 0.3s ease;
}
.caixa1 .imagem{
animation: animacao 8s ease-in-out infinite;
}
.caixa1 .imagem2{
animation: animacao2 8s ease-in-out infinite;
}
.caixa1:hover .imagem,
.caixa1:hover .imagem2{
bottom: -80px;
cursor: pointer;
}
.logo{
transition: 0.5s ease-in;
}
.caixa1:hover .logo{
transform: rotate(360deg);
}
h5{
transition: 0.5s ease;
}
.caixa1:hover h5{
color: #F00;
}
.caixa1 .linha{
position: absolute;
left: 50%;
top: 85px;
height: 2px;
width: 80%;
background: #F00;
transform: scale(0);
transition: 0.3s ease;
}
.caixa1:hover .linha{
transform: scale(1);
}
@keyframes animacao{
0%{left: 0;}
50%{left: 50%;}
100%{left: 0;}
}
@keyframes animacao2{
0%{left: 50%;}
50%{left: 0;}
100%{left: 50%;}
}