CSS PACK - Para Elementor - Heitor Ramos Ferreira
Se você usa Elementor e quer finalmente deixar aquele visual genérico pra trás, o CSS PACK do Heitor Ramos Ferreira foi feito pra você.
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
-
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 – Aprenda a Personalizar seu Site de Verdade
Se você usa Elementor e quer finalmente deixar aquele visual genérico pra trás, o CSS PACK do Heitor Ramos Ferreira foi feito pra você. Aqui não tem teoria solta nem enrolação: são mais de 290 aulas em vídeo, direto ao ponto, mostrando como transformar layouts comuns em projetos profissionais com CSS de verdade.
O que você aprende na prática?
Sabe aquele botão sem graça? Em poucos minutos, você aprende a criar botões animados, interativos e prontos pra qualquer site. Quer um carrossel fora do padrão? Tem módulo só pra isso. Precisa animar elementos quando rolar a página? O módulo de animações vai te dar ideias novas até demais. E não fica só nisso:
-
No módulo de personalizações (que sozinho já tem 65 aulas), você vê exemplos específicos pra cada tipo de elemento: títulos com gradiente, imagens que mudam de cor ao passar o mouse, cards estilizados em detalhe.
-
Quer entender media queries? O bônus ensina como ajustar tudo pro mobile sem sofrimento, com exemplos reais.
-
No módulo Essential Addons, Heitor mostra como customizar add-ons populares do Elementor usando CSS próprio — nada daquela cara igual a todo mundo.
O curso é todo em português e gravado em MP4, então dá pra assistir no celular ou no computador sem crise. Cada vídeo resolve uma dúvida específica. Você quer ver efeito glassmorphism? Tá lá. Border animada? Ele mostra. Precisa fazer um hover diferente direto no Elementor? Tem passo-a-passo.
Pra quem serve (e pra quem não serve)
Se você já usa Elementor e sente falta desse toque profissional que diferencia freelancers bons dos medianos, esse curso faz sentido. Não importa se vai usar num projeto simples ou numa loja virtual grande – o conteúdo cobre desde ajustes rápidos até composições avançadas.
Agora, se você nunca usou Elementor ou não sabe nada de CSS ainda, talvez seja melhor aprender o básico antes. Aqui o foco é aplicar e personalizar na prática; não é um curso para iniciantes zero do zero em web design.
Sobre o autor
Heitor Ramos Ferreira atua há vários anos como designer focado em WordPress e sites personalizados. Já finalizou dezenas de projetos comerciais usando Elementor combinando criatividade com domínio técnico real das ferramentas.
Resultados possíveis
-
Páginas diferenciadas criadas em menos tempo: dá pra entregar uma landing page personalizada em até 2 horas depois que aprende os atalhos mostrados nas aulas.
-
Aumenta a taxa de orçamento aprovado — clientes percebem os detalhes quando veem botão animado ou efeito exclusivo nos seus projetos (Heitor já citou casos reais onde isso fez diferença).
-
Efeito visual com impacto imediato: títulos dinâmicos atraem mais atenção logo nos primeiros segundos da visita ao site.
Diferenciais deste curso:
-
Carga horária altíssima: são mais de 290 vídeos curtos e diretos, sempre com aplicação real no Elementor.
-
Duas áreas bônus: animações avançadas de scroll e media queries aplicados no dia a dia.
-
Tudo explicado por quem realmente cria sites para clientes – sem teoria isolada ou exemplo “de mentirinha”.
Afinal, vale a pena?
Pra quem precisa se destacar usando Elementor – seja freelancer ou agência – esse curso vai economizar meses tentando achar tutoriais soltos na internet. O investimento compensa rápido porque cada técnica ensinada pode ser aplicada em vários clientes diferentes. Claro que não faz milagre: é preciso praticar e testar as aulas nos seus próprios projetos para ver resultado real. Mas essa coleção vira referência rápida toda vez que bate aquela dúvida “como faço esse efeito bonito no Elementor?”.
Como começar agora mesmo:
-
Sugiro começar pelo módulo inicial pra entender sua estrutura geral (são só 3 aulas rápidas).
-
Pule direto pros temas que mais sente falta – por exemplo: se quer melhorar botões hoje mesmo, vá pro módulo Botões antes dos outros.
-
Já experimente copiar um dos efeitos ensinados e testar num site real; ver funcionando na sua mão é outra coisa!
No fim das contas, se você cansou da mesmice nos projetos feitos com Elementor, o CSS PACK mostra como sair do básico usando CSS sem complicação desnecessária – tudo pronto pra aplicar amanhã mesmo nos seus clientes ou portfólio pessoal.
Você também pode gostar
Canva Legend - Everton
Vivendo de Commissions - Rafael Pires
