Salve! Aprenda nesse vídeo como fazer uma lista de notícias com cards animados usando apenas HTML e CSS.
Veja no vídeo: transições com transition, pseudo-elementos e posicionamento flexbox.
Arquivos do projeto: https://github.com/maikelneris/news-card
Inspirado na home de: https://css-tricks.com/
Introdução: (0:00)
Estrutura HTML: (0:34)
Resumo da estrutura: (09:30)
Estilizando o card: (10:01)
Adicionando vários cards: (25:28)
Hover effect e transitions: (30:00)
Obrigado!: (38:10)