CSS PACK
Curso completo ministrado por PARA ELEMENTOR
0 alunos23h 29min · 261 aulasAutor / Escola: PARA ELEMENTOR
Sobre o curso
CSS PACK, produzido por PARA ELEMENTOR, disponível na plataforma Mestre dos Cursos.
Ementa
10 módulos · 261 aulasINFORMAÇÕES IMPORTANTES3:24
ELEMENTOR PRO2:10
FLEXBOX CONTAINER2:52
43. DIVISÕES DE BORDA EXTERNA5:19
44. TEXTO COM IMAGEM DE FUNDO1:55
45. PERSONALIZAÇÕES DE FORMULÁRIO6:36
46. CAIXA DE ÍCONE COM EFEITO NO HOVER5:29
47. DIVISOR DE SEÇÃO CURVO COM LUZ NO FUNDO4:37
48. FORMULÁRIO COM LUZ VINCULADA AO MOUSE6:29
49. CURSOR PERSONALIZADO ANIMADO1:20
50. TEXTO COM LUZ VINCULADA AO MOUSE3:36
51. REDIRECIONAMENTO IMERSIVO14:22
52. REVELANDO O FUNDO DA SEÇÃO VINCULADO AO MOUSE5:53
53. SEÇÃO DE USUÁRIOS COM INTERAÇÃO4:51
54. BORDAS INTERATIVAS12:40
55. IMAGEM COM REVELAÇÃO 3D6:02
56. IMAGEM COM FLIP 3D5:32
57. BARRA DE PROGRESSO DA PÁGINA PERSONALIZADA4:29
58. CARD COM INTERAÇÃO NO HOVER8:13
59. TEXTO COM QUADRADO NAS PONTAS2:58
60. TEXTO COM CARACTERE ALEATÓRIO NO HOVER2:17
61. MENU FIXO COM VARIAÇÃO DE LARGURA6:03
62. LISTA DE ÍCONES COM BARRA INTERATIVA1:30
63. LISTA DE ÍCONES 3D COM LUZ NO HOVER3:27
64. ELEMENTOS GRAVITACIONAIS INTERATIVOS8:37
65. CURSOR COM RASTREIO PIXELADO1:43
TEXTO COM COR DE DESTAQUE4:47
TEXTO DEGRADÊ ANIMADO3:52
TEXTO COM FUNDO DESTACADO2:49
TEXTO COM FUNDO E BORDA DESTACADA3:17
TEXTO COM IMAGEM NO MEIO3:20
TEXTO COM DUAS FONTES3:02
PERSONALIZAÇÕES DE TEXTO10:03
TEXTO COM TRANSIÇÃO 3D NO HOVER3:23
CURSOR PERSONALIZADO3:18
MUDAR A ORDEM DA LISTA DE ÍCONE1:19
COR DA SELEÇÃO PERSONALIZADA1:14
HOVER COM CONTAINER ABRINDO5:05
MENU COM EFEITO5:36
FORMULÁRIO COM ÍCONE9:08
FORMULÁRIO COM DIVISOR DEGRADÊ1:46
BARRAS DE ROLAGEM4:41
FUNDO DESFOCADO (EFEITO VIDRO)2:27
BARRA DEGRADÊ NO TOPO2:06
BORDA PERSONALIZADA5:14
BORDA DEGRADÊ1:40
DEGRADÊ NA SEÇÃO1:19
DIVISOR DEGRADÊ1:35
SOBREPOSIÇÕES DE FUNDO📎 26:48
BARRA DE PROGRESSO DEGRADÊ ANIMADA1:38
COR NO HOVER1:50
GIFS PERSONALIZADOS4:11
VÍDEO DENTRO DO MOCKUP📎 14:45
CARROSSEL DENTRO DO MOCKUP📎 26:41
BOX SHADOW CLEAN0:59
HOVER COM DESFOQUE3:46
HOVER DINÂMICO VINCULADO AO MOUSE8:20
CURSOR DUPLICADO COM DELAY3:12
CARD 3D7:24
BOX SHADOW INTERNO1:23
TEXTO GRANDE COM SCROLL VERTICAL3:29
TEXTO AMPLIADO NO HOVER2:40
TEXTO COM EFEITO GLITCH3:50
MEGA MENU COM EFEITO11:47
BARRA DE LUZ COM INTERAÇÃO NO HOVER2:39
MEGA MENU COM DESFOQUE NO FUNDO5:35
FAIXA DE DESCONTO3:01
CONTAINER COM FORMA PERSONALIZADA + ANIMAÇÕES DE LUZ24:05
25. CONTAINER 2 EM 111:36
26. CURSOR PERSONALIZADO NA SEÇÃO7:06
27. IMAGEM COM COMPARAÇÃO HORIZONTAL MANUAL12:34
28. FAIXA DE ÁUDIO VINCULADA AO CLIQUE8:04
29. MENU EXPANSIVO18:18
30. FECHAR A PÁGINA AO ACESSAR O DEVTOOLS4:10
31. INFORMAÇÃO ADICIONAL VINCULADA AO CLIQUE7:26
32. CONTEÚDO COM EXPANSÃO DINÂMICA13:28
33. TELA DE CARREGAMENTO COM SVG ANIMADO4:12
34. INTERAÇÃO DINÂMICA4:47
35. CTA FIXO VINCULADO AO SCROLL3:16
36. ABAS COM BOTÃO SLIDE5:26
37. ABAS COM AUTOPLAY E BARRA DE PROGRESSO9:09
ABAS COM CONTAINER + ANIMAÇÃO DE ENTRADA6:50
BORDA DO CONTAINER NO HOVER3:13
REMOVER MARGIN PADRÃO0:50
BUG DO ESPAÇO BRANCO RESOLVIDO2:24
BUG MENU FIXO RESOLVIDO1:06
MUDANDO A URL DE LOGIN1:34
CARROSSEL E SANFONA COM CONTAINERS3:23
FECHAR POP-UP AO CLICAR6:36
NOTIFICAÇÕES5:46
SITE INCORPORADO4:45
CHECKBOX INTERATIVO7:33
CHECKBOX INTERATIVO V26:31
HEADLINE COM DATA DO DIA2:21
PÁGINA COM DELAY3:26
HEADLINE COM A LOCALIZAÇÃO DO USUÁRIO1:50
IMPEDIR ACESSO AO DEVTOOLS2:15
INTERRUPTOR5:44
POP-UP DE VÍDEO MINIMIZADO10:19
FAVICON PERSONALIZADO NA PÁGINA3:03
ANO ATUAL NO RODAPÉ AUTOMÁTICO3:36
COPIAR CONTEÚDO AO CLICAR4:30
BARRA DE ROLAGEM DUPLICADA (FUNCIONA NO MOBILE)5:34
MENU VERTICAL POP-UP DIRETO NA PÁGINA6:09
REMOVER BLOCO DE SELEÇÃO AZUL NO MOBILE0:55
14. ESTRELAS5:49
15. LUZES NO TOPO DA SEÇÃO5:34
16. FLUÍDO ANIMADO VINCULADO AO MOUSE13:58
17. ESTRELAS SUBINDO4:07
18. LUZES ESPIRAIS ANIMADAS2:57
19. EFEITO BURACO NEGRO3:37
INTRODUÇÃO0:39
FUNDO LINHAS QUADRICULADAS4:00
FUNDO COM LINHAS QUADRICULADAS DUPLICADAS2:05
TEXTURA BOLINHAS1:42
RADAR3:44
LINHAS ANIMADAS4:30
BARRAS DE MISTURA DE CORES2:30
IMAGEM INFINITA5:05
CÍRCULO ANIMADO 013:12
CÍRCULO ANIMADO 024:06
UNIVERSO3:42
FUNDO GRADIENTE ANIMADO2:48
LINHAS FIXAS PONTILHADAS3:39
31. HOVER COM DISTORÇÃO 3D10:15
32. SVG COM BORDA ANIMADA5:26
33. LUZES HORIZONTAIS ANIMADAS4:48
34. ANIMAÇÃO DE LUZ PULSANTE1:32
35. PAINEL COM CRESCIMENTO NO HOVER V212:17
36. ANIMAÇÃO SLIDE4:56
37. HEADLINE DINÂMICA7:05
ANIMAÇÃO_DE_LETRA_INDIVIDUAL_NA_PRIMEIRA_SEÇÃO_GSAP4:12
39. SOMBRA REFERENCIAL ANIMADA2:57
40. SOMBRA GRADIENTE ANIMADA4:11
41. RUÍDO ANIMADO DE SOBREPOSIÇÃO1:40
42. EFEITO LUPA2:56
BORDA ANIMADA3:04
BORDA ANIMADA DEGRADÊ5:33
COR CIRCULAR NO FUNDO2:08
EFEITO SCROLL NO HOVER1:13
EFEITO NOISE2:24
EFEITO FLUTUAR3:19
PULSAR2:03
RODAR3:15
REFLEXO ANIMADO3:33
OVERLAY ANIMADA3:01
EFEITO LUZES2:58
DIVISOR DE FORMA ANIMADO1:39
LISTA DE ÍCONES COM INTERAÇÃO NO HOVER6:25
ÍCONE DE MENU INTERATIVO + EFEITO DE ABERTURA13:56
ANIMAÇÃO DE ENTRADA (VAI E VOLTA)6:53
EFEITO LUZES VAGALUME5:33
TEXTO COM ANIMAÇÃO VINCULADA AO SCROLL6:25
PAINEL COM CRESCIMENTO NO HOVER4:38
EFEITO LUZES DESCENDO5:43
PAINEL DE APRESENTAÇÃO12:04
MANJANDO DOS PARANAUÊ20:00
EFEITO LIVRO ABRINDO4:47
LISTA DE ÍCONE ANIMADA2:28
HEADLINE ALEATÓRIA7:56
RODAPÉ ANIMADO (EFEITO BOLHAS)4:21
TEXTO COM EFEITO FADE ANIMADO3:22
HEADLINE ÚNICA COM TRANSIÇÃO5:57
EFEITO DIGITANDO6:18
ANIMAÇÕES EM CAMINHO14:21
ANIMAÇÃO DE ENTRADA NA PRIMEIRA SEÇÃO5:53
12. CARROSSEL COM EFEITO DE CARTAS7:29
13. CARROSSEL 3D4:31
14. CARROSSEL MANUAL6:52
15. CARROSSEL DE LISTA DE ÍCONE7:55
16. CARROSSEL VERTICAL 3D7:34
17. CARROSSEL COM BARRA DE PROGRESSO7:36
18. MOCKUP DE NOTEBOOK COM CARROSSEL6:48
CARROSSEL CONTÍNUO1:03
CARROSSEL COM FADE NAS LATERAIS1:36
CARROSSEL VERTICAL5:38
CARROSSEL DE TEXTO CONTÍNUO2:25
ALTERANDO POSIÇÃO DAS SETAS DO CARROSSEL3:39
PONTOS DE NAVEGAÇÃO PERSONALIZADOS2:21
CARROSSEL DESFOCADO7:50
CARROSSEL CONTÍNUO COM FADES3:33
CARROSSEL COM OPACIDADE E ESCALA3:37
CARROSSEL COM ELEMENTOS ANIMADOS9:35
CARROSSEL COM COVERFLOW5:26
23. BOTÃO COM VARIAÇÃO DE LARGURA E ANIMAÇÃO NO ÍCONE7:16
24. BOTÃO COM ESTRELAS E BORDA ANIMADA12:34
25. BOTÃO COM BOX SHADOW + BRILHO NO HOVER + CTA DUPLO5:14
26. BOTÃO MAGNÉTICO7:22
27. TEXTO DO BOTÃO COM OPACIDADE ALEATÓRIA5:14
28. TEXTO DO BOTÃO COM FADE ANIMADO2:43
29. BOTÃO COM INFORMAÇÃO ADICIONAL NO HOVER2:32
30. BOTÃO COM LUZ DINÂMICA5:42
BOTÃO COM BORDA DEGRADÊ2:46
BOTÃO COM BORDA DEGRADÊ ANIMADA5:39
BOTÃO COM DEGRADÊ ANIMADO2:37
BOTÃO DO FORMULÁRIO PERSONALIZADO3:11
BOTÃO ESTILO RUSSO2:00
BOTÃO CLEAN3:04
BOTÃO COM LUZ PULSANDO1:28
BOTÃO DO LADO DO CAMPO NO FORMULÁRIO4:00
BOTÃO COM BOX-SHADOW DEGRADÊ2:39
BOTÃO COM BOX SHADOW INFERIOR2:58
BOTÃO COM MÁSCARA NO HOVER📎 29:08
BOTÃO COM EFEITO GLITCH1:55
BOTÃO COM BOX SHADOW GRANDE1:46
ÍCONE DO BOTÃO INTERATIVO3:18
BOTÃO COM PREENCHIMENTO EM DUAS CORES4:55
BOTÃO 3D COM ANIMAÇÃO NO HOVER3:55
BOTÃO COM BORDA DEGRADÊ ANIMADA NO HOVER3:57
BOTÃO COM BORDA CORTADA + FUNDO E BORDA ANIMADA5:26
BOTÃO ESTILO MATRIX3:35
BOTÃO COM CTA DUPLO4:40
BOTÃO COM LUZ NA BORDA6:53
BOTÃO COM BORDA CORTADA ANIMADA NO HOVER7:35
PAINEL_DE_VÍDEO_IMERSIVO_COM_ESCALA_E_SOBREPOSIÇÃO_SCROLL_MAGIC15:01
25. EFEITO TEXTO IMERSIVO VINCULADO AO SCROLL (SCROLL MAGIC)9:14
26. ANIMAÇÃO DE ENTRADA EM LETRAS INDIVIDUAIS15:01
27. CTA EM SEÇÕES ESPECÍFICAS5:11
28. COR DE FUNDO DO TEXTO VINCULADA AO SCROLL (GSAP)5:30
29. TEXTO COM LUZ VINCULADA AO SCROLL (GSAP)5:47
30. LUZ DE DIVISÃO VINCULADA AO SCROLL (GSAP)10:10
31. TROCA DE SEÇÃO ENTRANDO NO CELULAR (GSAP)14:35
32. SVG VINCULADO AO SCROLL (GSAP)8:06
33. SCROLL HORIZONTAL COM BARRA DE PROGRESSO (GSAP)21:30
34. TEXTO SUBLINHADO VINCULADO AO SCROLL6:24
35. ELEMENTO MASCARADO VINCULADO AO SCROLL (GSAP)7:30
36. MACBOOK COM TELA 3D (GSAP)8:13
37. TEXTO COM REVELAÇÃO 3D VINCULADO AO SCROLL3:19
38. SCROLL DE PERSPECTIVA2:11
39. SCROLL CARD VERTICAL COM BARRA DE PROGRESSO10:20
40. MOCKUP COM EFEITO SCROLL ZOOM5:47
41. HEADLINE DINÂMICA VINCULADA AO SCROLL5:10
42. VÍDEO VINCULADO AO SCROLL11:17
43. MARCADORES DO GSAP6:32
INTRODUÇÃO4:22
SCROLL DE COMPARAÇÃO HORIZONTAL (GSAP)4:14
SCROLL COM ELEMENTO CRESCENDO (GSAP)2:56
SCROLL HORIZONTAL (GSAP)10:06
MAIS DE UM EFEITO NA MESMA PÁGINA (GSAP)4:51
SCROLL DE SOBREPOSIÇÃO (SCROLL MAGIC)7:18
COR DO TEXTO CONFORME O SCROLL (SCROLL MAGIC)8:43
COMPARAÇÃO HORIZONTAL COM O SCROLL MAGIC (SCROLL MAGIC)2:44
SCROLL COM ELEMENTO AUMENTANDO E SUMINDO (SCROLL MAGIC)4:57
MAIS DE UM EFEITO NA MESMA PÁGINA (SCROLL MAGIC)2:57
MUDANDO A COR DE FUNDO NO SCROLL3:34
MUDANDO A COR DE FUNDO NO SCROLL V25:04
TELA DO NOTEBOOK ABRINDO COM VÍDEO📎 26:05
SCROLL SUAVE NA ÂNCORA1:34
SCROLL SNAP2:05
SCROLL EM CONTAINER DUPLO6:24
SCROLL SUAVE1:21
SCROLL COM NOTEBOOK ABRINDO (SCROLL MAGIC)📎 110:20
SCROLL CARD COM BARRA DE PROGRESSO (SCROLL MAGIC)18:38
LOTTIE VINCULADO AO SCROLL2:51
MENU FIXO VINCULADO AO SCROLL2:22
SCROLL HORIZONTAL VINCULADO AO CLIQUE6:52
TIMELINE VINCULADA AO SCROLL14:00
INTRODUÇÃO0:37
ADICIONANDO MAIS MODOS RESPONSIVOS1:38
ENTENDENDO O MEDIA QUERIES15:34
SEPARANDO RESOLUÇÕES E CONCLUSÃO5:52
Assista às primeiras aulas de amostra
Cadastre-se para assistir às aulas de amostra e acessar o material.
Autor / Escola: PARA ELEMENTOR. Idioma: pt-BR.
R$ 47,90
Acesso imediato