Criando animações cinematográficas em puro CSS

24/06/15     CSS dicas Tutorial Web Design

Fiquei impressionado com este tutorial de CSS e com o que podemos fazer com a folha de estilos e nem se damos conta disso! É coisa do outro mundo.

Quando vi a demonstração pensei a primeiro momento que se tratava de um vídeo, mas era somente CSS, neste tutorial que compartilho com você hoje é um tutorial de animação utilizando máscaras e transições desenvolvido pelo pessoal da Tyler Gaw.

Veja abaixo algumas imagens de com fica o resultado final do experimento, além da demonstração (Que você pode ver aqui) tem o tutorial completo na página deles juntamente com o código fonte completo para download (Tutorial), olhe que fantástico!

experimento css mascaras

teste css

 



Novidades do BT por email

Coloque abaixo eu email para receber em primeira mão todas as novas matérias do BT, de tutoriais, cursos e inspirações!

Comente aqui

compartilhe
compartilhar no Facebook compartilhar no Twitter compartilhar no Linkedin compartilhar no Pintrest compartilhar no WhatzApp compartilhar no Skype compartilhar no pocket
Sobre o BT

Tudo começou com uma simples ajuda, um colega de trabalho estava tentando criar o seu álbum de fotos digital com uma música de fundo para poder dar de presente em seu casamento, até ai não tem nada ver com Bons Tutoriais, mas vamos chegar lá... Veja mais.

Patrocínio
Desenvolvimento de identidades visuais e estratégias de marketing digital
Recomendamos
AE Dicas Comunique 9 Minuto Design Mkt News Pixel Coffee Publicinove Revelando Ideias Sala7Design Tutorial Web Design
Criar um site

© Bons Tutoriais | Desde 2008 - Direitos reservados. ❤ Design | Ps+Ai+In | PHP+HTML+CSS | WordPress