Imagenation - Formações Criativas para Dominar o Mundo
R$ 89,70
Acessar Curso
CSS PACK - Para Elementor - Heitor Ramos Ferreira
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
O que você recebe
- 155 aulas em vídeo
- 10 módulos organizados
- Pagamento na hora pelo 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
155 aulas
-
01 Módulo 01 - Comece por Aqui 3 aulas
- informações importantes
- elementor PRO
- Flexbox Conatiner
-
02 Módulo 02 - Personalizações 33 aulas
- Barras de Rolagem
- Borra degradê no topo
- Borda Cortada
- Borda Degradê
- Cor da Seleção Personalizada
- Degradê na Seção
- Menu com Efeito
- Divisor Degradê
- Formulário com Ícone
- Formulário com Divisor Degradê
- Fundo Desfocado (efeito Vidro)
- Hover com Contêiner Abrindo
- Cursor Personalizado
- Texto com Cor de Destaque
- Texto Degradê Animado
- Sobreposições de Fundo
- Texto com Fundo Destacado
- Personalizações de Texto
- Barra de Progresso Degradê Animada
- Cor no Hover
- Texto com Fundo e Borda Destacado
- Hover Dinâmico Vinculado ao Mouse
- Cursor Duplicado com Delay
- Card 3d
- Gifs Personalizados
- Vídeo Dentro do Mockup
- Carrossel Dentro do Muckup
- Box Shadow Interno
- Texto Grande com Scroll Vertical
- Texto Ampliado no Hover
- Texto com Efeito Glitch
- Mega Menu com Efeito
- Hover com Desfoque
-
03 Módulo 03 - FERRAMENTAS 23 aulas
- Abas com Container
- Borda do Contêiner no Hover
- Remover Margin Padrão
- Bug do Espaço Branco Resolvido
- Bug Menu Fixo Resolvido
- Mudando a Url de Login
- Carrossel e Sanfona com Containers
- Checkbox Interativo
- Checkbox Interativo V2
- Headline com Data do Dia
- Página com Delay
- Headline com a Localização do Usuário
- Impedir Acesso ao Devtools
- Container 2 em 1
- Fechar Pop-up ao Clicar
- Site Incorporado
- Interruptor
- Pop-up de Vídeo Minimizado
- Cursor Personalizado na Seção
- Imagem com Comparação Horizontal Manual
- Faixa de Áudio Vinculada ao Clique
- Menu Expansivo
- Notificações
-
04 Módulo 04 - Composições 10 aulas
- introdução
- Radar
- Linhas Animadas
- Fundo Linhas Quadriculadas
- Círculo Animado 01
- Círculo Animado 02
- Barras de Mistura de Cores
- Universo
- Imagem Infinita
- Estrelas
-
05 Módulo 05 - ANIMAÇÕES 26 aulas
- Borda Animada
- Cor Circular no Fundo
- Efeito Scroll no Hover
- Efeito Noise
- Efeito Flutuar
- Pulsar
- Rodar
- Ícone de Menu Interativo + Efeito de Abertura
- Overlay Animada
- Efeito Luzes
- Animação de Entrada (vai e Volta)
- Mudando a Cor de Fundo no Scroll
- Efeito Luzes Vagalume
- Texto com Animação Vinculada ao Scroll
- Divisor de Forma Animado
- Painel com Crescimento no Hover
- Efeito Luzes Descendo
- Painel de Apresentação
- Manjando dos Paranauê
- Efeito Livro Abrindo
- Lista de Ícone Animada
- Headline Aleatória
- Rodapé Animado (efeito Bolhas)
- Lista de Ícones com Interação no Hover
- Texto com Efeito Fade Animado
- Headline Única com Transição
-
06 Módulo 06 - CARROSSEL 11 aulas
- Carrossel Contínuo
- Carrossel com Fade nas Laterais
- Carrossel Vertical
- Carrossel Contínuo com Fades
- Carrossel de Texto Contínuo
- Carrossel Desfocado
- Alterando Posição das Setas do Carrossel
- Pontos de Navegação Personalizados
- Carrossel com Opacidade e Escala
- Carrossel com Elementos Animados
- Carrossel com Coverflow
-
07 Módulo 07 - BOTÕES 20 aulas
- Botão com Borda Degradê
- Botão com Borda Degradê Animada
- Botão com Degradê Animado
- Botão do Formulário Personalizado
- Botão Estilo Russo
- Botão Clean
- Botão com Luz Pulsando
- Botão com Box-shadow Degradê
- Botão do Lado do Campo no Formulário
- Botão com Máscara no Hover
- Botão com Efeito Glitch
- Botão com Box Shadow Inferior
- Botão com Box Shadow Grande
- Ícone do Botão Interativo
- Botão com Preenchimento em Duas Cores
- Botão 3d com Animação no Hover
- Botão com Borda Degradê Animada no Hover
- Botão com Borda Cortada + Fundo e Borda Animada
- Botão Estilo Matrix
- Botão com Cta Duplo
-
08 Módulo 08 - ANIMAÇÕES DE SCROLL AVANÇADO (BÔNUS) 21 aulas
- Introdução
- Scroll de Comparação Horizontal
- Scroll com Elemento Crescendo
- Scroll Horizontal
- Timelines com Gsap
- Scroll de Sobreposição
- Cor do Texto Conforme o Scroll
- Comparação Horizontal com o Scroll Magic
- Scroll com Elemento Aumentando e Sumindo
- Timelines no Scroll Magic
- Scroll Suave na Âncora
- Scroll Snap
- Scroll em Container Duplo
- Scroll com Notebook Abrindo
- Scroll Card com Barra de Progresso
- Scroll Suave
- Lottie Vinculado ao Scroll
- Painel de Vídeo Imersivo com Escala e Sobreposição
- Menu Fixo Vinculado ao Scroll
- Efeito Texto Imersivo Vinculado ao Scroll
- Scroll Horizontal Vinculado ao Clique
-
09 Módulo 09 - MEDIA QUERIES (BÔNUS) 3 aulas
- Introdução
- Propriedades
- 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.
