- Useful resources #HTML and CSS
- Author #Maribel Mena
- Acknowledgments #animation with css
(
)
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
<div class="card element2">
<div class="header">
<div class="date">7 Julio 2023</div>
<div class="title">Animated cards</div>
</div>
<div class="footer">
<div class="autor">
<a href="#">
<img src="https://cdn.pixabay.com/photo/2016/06/06/17/05/woman-1439909_640.jpg" alt="">
<span>Piedad Perez</span>
</a>
</div>
</div>
</div>.cards-container .card:hover {
margin-right: 80px;
transform: rotate(3deg) translateY(-15px);
}