Classe card
Lição 11 de 17 do curso Acordeão de Imagens | Projeto Front-end da Coddy.
Desafio
FácilSelecione a classe ‘card’:
- Defina a largura para 130 pixels.
- Defina background-size para cover
- Defina cursor para pointer
- Defina overflow para hidden.
- Defina o raio da borda para 25 pixels.
- Defina a margem para 0 no topo e na base e 10 pixels na esquerda e na direita
Adicione esta transição e sombra ao final:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
Experimente você mesmo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>