CRIA PSD - Jack Usephot
R$ 79,70
Acessar Curso
Categoria
Designer
CSS PACK - Para Elementor - Heitor Ramos Ferreira
CSS PACK para Elementor: Personalize Seu Site com CSS Prático Este curso é focado em quem utiliza o Elementor e deseja ir além dos layouts padrões, trazendo mais personalidade aos seus sites.
R$ 69,70
- Pagamento no PIX
- Acesso enviado por e-mail
- Compra sem cadastro
Módulos do CSS PACK - Para Elementor - Heitor Ramos Ferreira
Sua jornada de aprendizado
10 módulos
294 aulas
-
01 Módulo 01 - Comece por Aqui 3 aulas
- informações importantes
- elementor PRO
- Flexbox Conatiner
-
02 Módulo 02 - Personalizações 65 aulas
- Barras de Rolagem
- barras de rolagens codigos
- Borra degradê no topo
- Borra degradê no topo
- Borda Cortada
- Borda Cortada
- Borda Degradê
- Borda Degradê
- Cor da Seleção Personalizada
- Cor da Seleção Personalizada
- Degradê na Seção
- Degradê na Seção
- Menu com Efeito
- Menu com Efeito
- Divisor Degradê
- Divisor Degradê
- Formulário com Ícone
- Formulário com Ícone
- Formulário com Divisor Degradê
- Formulário com Divisor Degradê
- Fundo Desfocado (efeito Vidro)
- Fundo Desfocado (efeito Vidro)
- Hover com Contêiner Abrindo
- Hover com Contêiner Abrindo
- Cursor Personalizado
- Cursor Personalizado
- Texto com Cor de Destaque
- Texto com Cor de Destaque
- Texto Degradê Animado
- Texto Degradê Animado
- Sobreposições de Fundo
- Texto com Fundo Destacado
- Texto com Fundo Destacado
- Personalizações de Texto
- Personalizações de Texto
- Barra de Progresso Degradê Animada
- Barra de Progresso Degradê Animada
- Cor no Hover
- Cor no Hover
- Texto com Fundo e Borda Destacado
- Texto com Fundo e Borda Destacado
- Hover Dinâmico Vinculado ao Mouse
- Hover Dinâmico Vinculado ao Mouse
- Cursor Duplicado com Delay
- Cursor Duplicado com Delay
- Card 3d
- Card 3d
- Gifs Personalizados
- Gifs Personalizados
- Vídeo Dentro do Mockup
- Vídeo Dentro do Mockup
- Carrossel Dentro do Muckup
- Carrossel Dentro do Muckup
- Box Shadow Interno
- Box Shadow Interno
- Texto Grande com Scroll Vertical
- Texto Grande com Scroll Vertical
- Texto Ampliado no Hover
- Texto Ampliado no Hover
- Texto com Efeito Glitch
- Texto com Efeito Glitch
- Mega Menu com Efeito
- Mega Menu com Efeito
- Hover com Desfoque
- Hover com Desfoque
-
03 Módulo 03 - FERRAMENTAS 45 aulas
- Abas com Container
- Abas com Container
- Borda do Contêiner no Hover
- Borda do Contêiner no Hover
- Remover Margin Padrão
- Remover Margin Padrão
- Bug do Espaço Branco Resolvido
- BUG DO ESPAÇO BRANCO RESOLVIDO.ts
- Bug Menu Fixo Resolvido
- Bug Menu Fixo Resolvido
- Mudando a Url de Login
- Mudando a Url de Login
- Carrossel e Sanfona com Containers
- Checkbox Interativo
- Checkbox Interativo
- Checkbox Interativo V2
- checkbox interetivo v2
- Headline com Data do Dia
- Headline com Data do Dia
- Página com Delay
- Página com Delay
- Headline com a Localização do Usuário
- Headline com a Localização do Usuário
- Impedir Acesso ao Devtools
- Impedir Acesso ao Devtools
- Container 2 em 1
- CONTAINER 2 EM 1.ts
- Fechar Pop-up ao Clicar
- Fechar Pop-up ao Clicar
- Site Incorporado
- Site Incorporado
- Interruptor
- Interruptor
- Pop-up de Vídeo Minimizado
- Pop-up de Vídeo Minimizado
- Cursor Personalizado na Seção
- Cursor Personalizado na Seção
- Imagem com Comparação Horizontal Manual
- Imagem com Comparação Horizontal Manual
- Faixa de Áudio Vinculada ao Clique
- Faixa de Áudio Vinculada ao Clique
- Menu Expansivo
- Menu Expansivo
- Notificações
- Notificações
-
04 Módulo 04 - Composições 20 aulas
- introdução
- Radar
- Radar
- Linhas Animadas
- Linhas Animadas
- Fundo Linhas Quadriculadas
- Fundo Linhas Quadriculadas
- Círculo Animado 01
- Círculo Animado 01
- Círculo Animado 02
- Círculo Animado 02
- Barras de Mistura de Cores
- Barras de Mistura de Cores
- Universo
- Universo
- Imagem Infinita
- Imagem Infinita
- Estrelas 1
- Estrelas 2
- Estrelas
-
05 Módulo 05 - ANIMAÇÕES 52 aulas
- Borda Animada
- Borda Animada
- Cor Circular no Fundo
- Cor Circular no Fundo
- Efeito Scroll no Hover
- Efeito Scroll no Hover
- Efeito Noise
- Efeito Noise
- Efeito Flutuar
- Efeito Flutuar
- Pulsar
- Pulsar
- Rodar
- Rodar
- Ícone de Menu Interativo + Efeito de Abertura
- Ícone de Menu Interativo + Efeito de Abertura
- Overlay Animada
- Overlay Animada
- Efeito Luzes
- Efeito Luzes
- Animação de Entrada (vai e Volta)
- Animação de Entrada (vai e Volta)
- Mudando a Cor de Fundo no Scroll
- Mudando a Cor de Fundo no Scroll
- Efeito Luzes Vagalume Css
- Efeito Luzes Vagalume Html
- Efeito Luzes Vagalume
- Texto com Animação Vinculada ao Scroll
- Texto com Animação Vinculada ao Scroll
- Divisor de Forma Animado
- DIVISOR DE FORMA ANIMADO.ts
- Painel com Crescimento no Hover
- Painel com Crescimento no Hover
- Efeito Luzes Descendo
- Efeito Luzes Descendo
- Painel de Apresentação
- Painel de Apresentação
- Manjando dos Paranauê
- Efeito Livro Abrindo
- Efeito Livro Abrindo
- Lista de Ícone Animada
- Lista de Ícone Animada
- Headline Aleatória
- Headline Aleatória
- Rodapé Animado (efeito Bolhas)
- RODAPÉ ANIMADO (EFEITO BOLHAS).ts
- Lista de Ícones com Interação no Hover
- Lista de Ícones com Interação no Hover
- Texto com Efeito Fade Animado
- Texto com Efeito Fade Animado
- Headline Única com Transição
- HEADLINE ÚNICA COM TRANSIÇÃO.ts
-
06 Módulo 06 - CARROSSEL 22 aulas
- Carrossel Contínuo
- Carrossel Contínuo
- Carrossel com Fade nas Laterais
- Carrossel com Fade nas Laterais
- Carrossel Vertical
- Carrossel Vertical
- Carrossel Contínuo com Fades
- Carrossel Contínuo com Fades
- Carrossel de Texto Contínuo
- Carrossel de Texto Contínuo
- Carrossel Desfocado
- Carrossel Desfocado
- Alterando Posição das Setas do Carrossel
- Alterando Posição das Setas do Carrossel
- Pontos de Navegação Personalizados
- Pontos de Navegação Personalizados
- Carrossel com Opacidade e Escala
- Carrossel com Opacidade e Escala
- Carrossel com Elementos Animados
- CARROSSEL COM ELEMENTOS ANIMADOS.ts
- Carrossel com Coverflow
- Carrossel com Coverflow
-
07 Módulo 07 - BOTÕES 40 aulas
- Botão com Borda Degradê
- Botão com Borda Degradê
- Botão com Borda Degradê Animada
- Botão com Borda Degradê Animada
- Botão com Degradê Animado
- Botão com Degradê Animado
- Botão do Formulário Personalizado
- BOTÃO DO FORMULÁRIO PERSONALIZADO.ts
- Botão Estilo Russo
- Botão Estilo Russo
- Botão Clean
- Botão Clean
- Botão com Luz Pulsando
- Botão com Luz Pulsando
- Botão com Box-shadow Degradê
- Botão com Box-shadow Degradê
- Botão do Lado do Campo no Formulário
- BOTÃO DO LADO DO CAMPO NO FORMULÁRIO.ts
- Botão com Máscara no Hover
- BOTÃO COM MÁSCARA NO HOVER.ts
- Botão com Efeito Glitch
- BOTÃO COM EFEITO GLITCH.ts
- Botão com Box Shadow Inferior
- Botão com Box Shadow Inferior
- Botão com Box Shadow Grande
- Botão com Box Shadow Grande
- Ícone do Botão Interativo
- Ícone do Botão Interativo
- Botão com Preenchimento em Duas Cores
- Botão com Preenchimento em Duas Cores
- Botão 3d com Animação no Hover
- Botão 3d com Animação no Hover
- Botão com Borda Degradê Animada no Hover
- Botão com Borda Degradê Animada no Hover
- Botão com Borda Cortada + Fundo e Borda Animada
- Botão com Borda Cortada + Fundo e Borda Animada
- Botão Estilo Matrix
- Botão Estilo Matrix
- Botão com Cta Duplo
- Botão com Cta Duplo
-
08 Módulo 08 - ANIMAÇÕES DE SCROLL AVANÇADO (BÔNUS) 38 aulas
- Introdução
- Scroll de Comparação Horizontal
- Scroll de Comparação Horizontal
- Scroll com Elemento Crescendo
- Scroll com Elemento Crescendo
- Scroll Horizontal
- Scroll Horizontal
- Timelines com Gsap
- Scroll de Sobreposição
- Scroll de Sobreposição
- Cor do Texto Conforme o Scroll
- Cor do Texto Conforme o Scroll
- Comparação Horizontal com o Scroll Magic
- Comparação Horizontal com o Scroll Magic
- Scroll com Elemento Aumentando e Sumindo
- Scroll com Elemento Aumentando e Sumindo
- Timelines no Scroll Magic
- Timelines no Scroll Magic
- Scroll Suave na Âncora
- Scroll Suave na Âncora
- Scroll Snap
- Scroll em Container Duplo
- Scroll em Container Duplo
- Scroll com Notebook Abrindo
- Scroll com Notebook Abrindo
- Scroll Card com Barra de Progresso
- SCROLL CARD COM BARRA DE PROGRESSO.ts
- Scroll Suave
- Scroll Suave
- Lottie Vinculado ao Scroll
- Painel de Vídeo Imersivo com Escala e Sobreposição
- Painel de Vídeo Imersivo com Escala e Sobreposição
- Menu Fixo Vinculado ao Scroll
- Menu Fixo Vinculado ao Scroll
- Efeito Texto Imersivo Vinculado ao Scroll
- Efeito Texto Imersivo Vinculado ao Scroll
- Scroll Horizontal Vinculado ao Clique
- Scroll Horizontal Vinculado ao Clique
-
09 Módulo 09 - MEDIA QUERIES (BÔNUS) 4 aulas
- Introdução
- Propriedades
- Separando Resoluções
- Separando Resoluções
-
10 Módulo 10 - ESSENTIAL ADDONS 5 aulas
- Introdução
- Efeito Digitando
- Efeito Svg Animado
- Efeito Círculo Interativo
- Faq com Preenchimento
CSS PACK para Elementor: Personalize Seu Site com CSS Prático
Este curso é focado em quem utiliza o Elementor e deseja ir além dos layouts padrões, trazendo mais personalidade aos seus sites. Com mais de 290 aulas em vídeo, o CSS PACK apresenta técnicas objetivas para transformar projetos simples em criações profissionais aplicando CSS diretamente.
O que você vai aprender
- Criar botões animados e interativos para destacar elementos da página.
- Desenvolver carrosséis personalizados, diferentes dos modelos convencionais.
- Implementar animações que ativam conforme o usuário navega pelo site.
- Personalizar diversos elementos como títulos com gradientes, imagens com efeitos hover e cards estilizados no detalhe.
- Ajustar layouts para dispositivos móveis por meio de media queries com exemplos práticos.
- Customizar add-ons populares do Elementor usando CSS próprio para evitar designs repetitivos.
Informações do curso
- Autor: Heitor Ramos Ferreira
- Aulas: Mais de 290 vídeos curtos em formato MP4
- Linguagem: Português
Conteúdo programático
- Módulo de Botões animados e estilizados
- Módulo dedicado a carrosséis personalizados
- Módulo de Animações ao scroll e outros efeitos dinâmicos
- Módulo extenso de personalizações detalhadas (65 aulas) cobrindo títulos, imagens, cards e outros elementos visuais
- Bônus sobre media queries para responsividade em dispositivos móveis
- Módulo Essential Addons com customizações via CSS para complementos do Elementor
Para quem é indicado
O curso é ideal para usuários do Elementor que já têm conhecimento básico na ferramenta e querem aplicar estilos avançados com CSS. É recomendado para quem busca diferenciar seus projetos tanto em sites simples quanto em lojas virtuais. Não é indicado para iniciantes sem experiência prévia em Elementor ou CSS.
