Menu
CoddyTech
COMEÇAR A APRENDER
flag Pt iconPortuguêsdown icon

O que você vai construir?

Lição 1 de 31 do curso Cartão 3D | Projeto de front-end da Coddy.

Você criará um card 3D.

Visualmente, ele se parece com isto..👇🏽

Experimente você mesmo

Esta lição não inclui um desafio de código.

Todas as lições de Cartão 3D | Projeto de front-end

1Introdução

O que você vai construir?

4CSS - II

Classe 'view-more'Lição de projetoClasse 'view-more-button'Lição de projetoClasse 'svg'Lição de projeto'social-buttons-container'Lição de projetoClasse 'social-button'Lição de projetoClasse 'logo'Lição de projeto

2HTML

Título e elementos externosSeções de divLição de projetoSpansLição de projetoConteúdoLição de projetoRodapé - ILição de projetoRodapé - IILição de projetoAdicionar SVGsLição de projetoOpção Ver maisLição de projeto

5CSS - III

Classe 'circle'Lição de projetoClasse 'circle1'Lição de projetoClasse 'circle2'Lição de projetoClasse 'circle3'Lição de projetoClasse 'circle4'Lição de projetoEfeito ao passar o cursor - ILição de projetoEfeito ao passar o cursor - IILição de projeto

3CSS - I

Seletor universalLição de projetoCorpoLição de projetoClasse 'parent'Lição de projetoClasse 'card'Lição de projetoClasse 'glass'Lição de projetoClasse 'content'Lição de projetoTítulo principalLição de projetoClasse 'text'Lição de projetoClasse 'bottom'Lição de projeto

Pratique por conta própria: Playground de Web