Clase card
Lección 11 de 17 del curso Acordeón de imágenes | Proyecto Front-end de Coddy.
Desafío
FácilApunta a la clase ‘card’:
- Establece el ancho a 130 píxeles.
- Establece background-size a cover
- Establece cursor a pointer
- Establece overflow a hidden.
- Establece el radio del borde a 25 píxeles.
- Establece el margen a 0 para arriba-abajo y 10 píxeles para izquierda-derecha
Añade esta transición y sombra de caja al final:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>