Promoção relâmpago. Todos os cursos com 50% OFF!
50% OFF

Curso de CSS3 Completo

Adriano Gianini

De R$127,00 Por

6x de R$10,58

ou R$63,50 À VISTA

OU

Assine este e mais 198 cursos por R$47,00/mês

Assine agora!

Sobre o curso

CSS3 é a mais nova versão das famosas Cascading Style Sheets (ou simplesmente CSS), onde se define estilos para páginas web com efeitos de transição, imagem, e outros, que dão um estilo novo às páginas Web 2.0 em todos os aspectos de design do layout.

A principal função do CSS3 é abolir as imagens de plano de fundo, bordas arredondadas, apresentar transições e efeitos para criar animações de vários tipos, como um simples relógio de ponteiros. Isso se deve aos novos browsers que estão chegando, com suporte à essa linguagem, como o Google Chrome, Opera, Internet Explorer 9, Safari e Mozilla Firefox.

Assim, o CSS3 facilitará o trabalho dos que trabalham com web e também dos usuários, pela variedade de transformações na apresentação de um website.

ALUNOS MATRICULADOS 1195

3H41MIN
Compartilhamento

PÚBLICO ALVO

Webdesigners que pretendem se especializar em desenvolvimento, profissionais de designer, usuários leigos em criação de páginas com CSS3 ou agências de desenvolvimento que desejam aperfeiçoar o conhecimento de seus profissionais.

O QUE VOCÊ VAI APRENDER?

Nenhum profissional web hoje em dia, seja programador ou designer, cria seus sites ou sistemas sem CSS. As folhas de estilo fazem parte das pequenas, médias e grandes empresas e agências no Brasil e no mundo. Saber CSS hoje em dia se tornou algo obrigatório.

Neste curso você dará continuidade aos estudos CSS, aprendendo tudo sobre CSS3 e o poder desta nova versão. Aprenderá a criar degradês, animações, usar fontes que não existem no computador e muito mais. Você aprenderá a trabalhar com as principais propriedades do CSS3 e qualificar-se em padrões mundiais de desenvolvimento.

Conteúdo programático

  • Seletor 00:03:21
  • Estrutura de um documento 00:04:14
  • Elemento pai e filho 00:02:10 Assistir aula
  • Elemento descendente e ancestral 00:01:16
  • Elemento irmão 00:00:31
  • Elemento precedente 00:00:37
  • Elemento subsequente 00:00:24
  • Sintaxe seletor 00:00:56 Assistir aula
  • Seletor universal 00:00:47
  • Seletor tipo 00:00:39
  • Seletor atributo 1 00:01:07
  • Seletor atributo 2 00:00:48
  • Seletor atributo 3 00:01:05
  • Seletor atributo 4 00:00:45
  • Seletor atributo 5 00:00:46
  • Seletor atributo 6 00:00:46
  • Seletor atributo 7 00:00:29
  • Seletor class 00:02:37
  • Seletor ID 00:01:19
  • Pseudoclasses 00:02:54 Assistir aula
  • Pseudoelemento 00:00:58
  • Seletor simples 00:00:57
  • Agrupamento de seletores 00:02:07
  • Caracteres de combinação 00:00:55
  • Especificidade 00:02:18
  • Herança 00:02:33
  • Important 00:02:34
  • Background color image 00:02:59
  • Background clip 00:02:34
  • Background origin 00:01:32
  • Background size 00:02:22
  • Múltiplos backgrounds 00:02:37
  • Border 00:01:42
  • Border color 00:00:47
  • Border width 00:01:50
  • Border style 00:03:09
  • Border radius 00:02:58
  • Border radius duas divs 00:01:23
  • Border image 00:02:54
  • Box shadow 00:03:45
  • Text shadow 00:01:12
  • Hexadecimal e RGB 00:04:54
  • Palavra chave 00:00:40
  • Opacity 00:01:40
  • Current Color 00:01:16
  • HSL 00:03:01
  • HSLA 00:01:43
  • RGBA 00:02:11
  • Font face 00:05:05
  • Google web font 00:03:44
  • Introdução multicolunas 00:01:36
  • Column count 00:03:51
  • Column width 00:02:17
  • Columns 00:02:03
  • Column gap 00:01:30
  • Column rule 00:02:05
  • Column span 00:03:24
  • Break 00:03:46
  • Entendendo media query 00:02:37
  • Primeiro exemplo 00:04:46
  • Width 00:02:15
  • Height 00:03:03
  • Device width e Device height 00:02:08
  • Orientation 00:01:29
  • Aspect ratio e Device aspect ratio 00:01:38
  • Color 00:00:38
  • Resolution 00:00:58
  • Exemplo 00:05:26
  • iPhone 00:00:18
  • iPad 00:00:22
  • Introdução ao gradiente 00:01:43
  • Linear gradiente 1 00:04:36
  • Linear gradiente 2 00:02:13
  • Linear gradiente com várias cores 00:01:31
  • Radial gradiente 00:02:40
  • Repeat gradiente 00:01:19
  • Introdução 00:01:11
  • Rotate 00:04:46
  • Translate X 00:02:13
  • Translate Y 00:00:44
  • Translate 00:01:26
  • Scale X 00:02:44
  • Scale Y 00:00:31
  • Scale 00:01:07
  • Skew X 00:01:59
  • Skew Y 00:01:00
  • Skew 00:00:54
  • Matrix 00:04:09
  • Múltiplas aplicações 00:01:52
  • Transform origin 00:02:08
  • Perspectiva 00:02:04
  • Origem da perspectiva 00:00:59
  • Backface 00:00:51
  • Funções da perspectiva e rotate 00:00:57
  • Funções translate scale 00:00:42
  • Funções skew matrix 00:00:53
  • Transition propety 00:02:35
  • Transition duration 00:00:45
  • Transition timing function 00:00:58
  • Transition delay 00:01:05
  • Transition 00:04:17
  • Animation name duration timing function 00:04:52
  • Animation direction e delay 00:02:59
  • Animation 00:01:21
  • Flexbox display 00:02:51
  • Flexbox Orient Direction 00:01:23
  • Flexbox Order 00:01:50
  • Flexbox pack 00:02:49
Imprimir Conteúdo Programático

Escolha seu plano de assinatura

26% OFF

1 ano de acesso

de: 12X de R$63,92

por: 12x de

R$47,00

OU R$564,00 à vista

Promoção acaba em
  • 199 Treinamentos 100% em vídeo aulas
  • + Novos cursos inclusos na assinatura
  • Webinars
  • eBooks
7 days
50% OFF

2 anos de acesso

de: 12X de R$127,84

por: 12x de

R$63,92

OU R$767,04 à vista

Promoção acaba em
  • 199 Treinamentos 100% em vídeo aulas
  • + Novos cursos inclusos na assinatura
  • Webinars
  • eBooks

DE 2 ATÉ 10 ALUNOS

R$349,90

mensais

  • 199 Treinamentos 100% em vídeo aulas
  • + Novos cursos inclusos na assinatura
  • Webinars
  • eBooks

DE 11 ATÉ 30 ALUNOS

R$499,90

mensais

  • 199 Treinamentos 100% em vídeo aulas
  • + Novos cursos inclusos na assinatura
  • Webinars
  • eBooks

DE 31 ATÉ 70 ALUNOS

R$699,90

mensais

  • 199 Treinamentos 100% em vídeo aulas
  • + Novos cursos inclusos na assinatura
  • Webinars
  • eBooks

Cursos Relacionados

Mochila
  • 0

Mochila