Super novidade em CSS Grid! Aprenda a como criar animações e transições incríveis no CSS Grid para fazer layouts modernos.
E o surpreendente é que agora é possível criar transições e animações em CSS Grid com CSS puro, ou seja, muitas técnicas que envolviam JS para animar grid, agora não são mais necessárias.
Então, aprenda a fazer animações e transições com CSS Grid puro para conseguir resultados de layout muito mais chamativos, impactantes e com melhor UX.
Você está pronto para dar um passo adiante nos seus layouts que usam CSS Grid? Com a novidade de animações e transições, agora é possível criar efeitos de transição e animação modernos e incríveis sem a necessidade de JavaScript.
Você vai aprender como usar CSS puro para criar transições e animações de Grid que vão deixar seus projetos ainda mais atraentes e impactantes.
Se você é designer, desenvolvedor front end ou apenas está interessado em aprender mais sobre layouts e interfaces para Web, aprenda agora a usar animações e transições em CSS Grid para conseguir resultados altamente chamativos e com UX aprimorada.
Neste vídeo, você vai aprender a como criar animações e transições no CSS Grid. Além disso, vamos mostrar exemplos práticos que vão inspirar sua criatividade e motivá-lo a experimentar em seus próprios projetos.
💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
/ discord
📜 Exemplos mostrados no vídeo
- codepen.io/deepakkadarivel/pe...
- codepen.io/desenvolvweb/pen/p...
- codepen.io/oliviale/pen/LvKdRP
- codepen.io/aharvard/pen/dwaJRw
- codepen.io/desenvolvweb/pen/K...
- codepen.io/michellebarker/pen...
- codepen.io/web-dot-dev/pen/XW...
- codepen.io/web-dot-dev/pen/jO...
- codepen.io/michellebarker/pen...
▶️ Assista nosso Minicurso Animações CSS
• ⭐ Minicurso Animações CSS
==========
📷 Equipamentos usados para gravar este vídeo
- Sony Alpha a6400: amzn.to/3LZ9Zkv
- Cartão 128GB Extreme PRO SDXC: amzn.to/3rqVPRg
- Tripé Weifeng WT6734: amzn.to/3LYWUb4
==========
Assine o canal! bit.ly/dpw-youtube
- Facebook: / desenvolvweb
- Instagram: / desenvolvweb
- Twitter: / desenvolvweb
Conheça o blog desenvolvimento para web: desenvolvimentoparaweb.com/
Негізгі бет CSS Grid com Animações e Transições com CSS puro!
Пікірлер: 22