Efeito de Animação Hover em Leque com CSS

Introdução

Neste projeto, você aprenderá como criar um efeito de leque usando CSS. Ao rotacionar e escalar uma série de elementos div, você conseguirá obter uma animação dinâmica e visualmente atraente que se expande quando o usuário passa o mouse sobre o elemento.

👀 Pré-visualização

🎯 Tarefas

Neste projeto, você aprenderá:

• Como rotacionar elementos div usando transformações CSS
• Como escalar elementos div para criar o efeito de expansão em leque
• Como coordenar a rotação e a escala de múltiplos elementos para obter a animação desejada

🏆 Conquistas

Após concluir este projeto, você será capaz de:

• Usar transformações CSS para rotacionar e escalar elementos
• Criar efeitos de hover dinâmicos usando CSS
• Coordenar a animação de múltiplos elementos para obter um efeito visual específico