Como usar transform do CSS para inserir animação ao card do Bootstrap 4


Neste tutorial será apresentado como usar transform do CSS para inserir animação ao card do Bootstrap 4.

Primeiro será apresentado como usar o transform e scale.

Transform - define as alterações que serão feitas no elemento

Scale - Com a propriedade scale pode ser alterado o tamanho dos elementos, aumentando ou reduzindo proporcionalmente em relação ao tamanho original.

Também como usar o transition do CSS.

Para finalizar, como usar o atributo box-shadow do CSS para criar sombra.

 

 

Download do código fonte desenvolvido na aula: DOWNLOAD
Tutorial anterior: Como criar sombras shadows com Bootstrap 4