Comece a criar layouts responsivos e modernos para tablet, smartphone e desktop com CSS3 — do básico dos seletores ao Flexbox, transições e animações.
.container {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: center;
}
.card {
flex: 1 1 300px;
border-radius: 12px;
transition: transform .3s ease;
}
@media (max-width: 768px) {
.card { flex: 1 1 100%; }
}
Domine o CSS3 na prática, da estrutura e seletores até a criação de layouts responsivos com Flexbox, transições e animações.
Entenda a estrutura do CSS3, seus seletores e como a herança organiza o estilo das suas páginas.
Crie layouts que se adaptam a tablet, smartphone e desktop usando wireframes e o módulo Flexible Box Layout.
Trabalhe com cores, backgrounds, gradientes, bordas e sombras para dar acabamento profissional.
Adicione movimento às suas interfaces com transições, transformações, parallax e animações em CSS3.
Utilize fontes externas para elevar a identidade visual e a leitura dos seus projetos.
Aplique a metodologia hands-on em projetos práticos e turbine seu portfólio.
Consultor em TI e especialista em Arquitetura da Informação
Consultor em TI, especialista em arquitetura da informação e instrutor de cursos de tecnologia da informação na Impacta Tecnologia desde 1999. Também é palestrante e autor de publicações sobre Web e HTML5.
em até 3x · acesso vitalício