CSS PACK – Para Elementor – Heitor Ramos Ferreira

CSS PACK – Para Elementor – Heitor Ramos Ferreira

Home / Cursos / Designer / CSS PACK – Para Elementor – Heitor Ramos Ferreira

CSS PACK para Elementor: Aprimore o Visual do Seu Site com CSS na Prática

Este curso foi desenvolvido para usuários do Elementor que desejam ir além dos templates convencionais e criar sites visualmente únicos. Com mais de 290 vídeos objetivos, você vai aprender a aplicar técnicas reais de CSS para transformar layouts simples em projetos sofisticados, com personalizações que fazem a diferença.

Principais habilidades desenvolvidas

Você vai descobrir como dar vida a elementos comuns do site, tornando-os mais atraentes e funcionais. Por exemplo, aprenderá a criar botões animados e interativos, montar carrosséis diferenciados e usar animações que respondem à rolagem da página para enriquecer a experiência do usuário.

  • No extenso módulo de personalizações, são apresentados exemplos práticos de customização detalhada de títulos com efeitos gradientes, imagens com mudanças dinâmicas ao passar o mouse e cards estilizados.
  • Aprenda também a aplicar media queries para adaptar seus designs ao mobile, por meio de orientações claras e exemplos aplicados.
  • Para quem utiliza os Essential Addons no Elementor, há um módulo dedicado a customizar esses componentes usando CSS próprio, evitando estilos repetitivos.

Características do curso

  • Autor: Heitor Ramos Ferreira
  • Quantidade de aulas: Mais de 290 vídeos

O que você vai aprender

  • Técnicas práticas para criar botões animados que se adaptam a diferentes projetos.
  • Como desenvolver carrosséis personalizados que fogem dos padrões tradicionais.
  • Métodos para aplicar animações relacionadas à interação e rolagem da página.
  • Ajustes responsivos através do uso eficiente de media queries para dispositivos móveis.
  • Dicas para estilizar elementos comuns do Elementor, incluindo títulos, imagens e cards.
  • Personalização avançada dos add-ons essenciais utilizando CSS próprio.

Conteúdo programático

Módulo de Personalizações
Focado em modificar detalhes específicos dos elementos padrão do Elementor. Inclui técnicas para aplicar gradientes em textos, alterar cores das imagens em hover e criar cards estilizados com precisão.

Módulo de Animações
Apresenta procedimentos para adicionar efeitos visuais dinâmicos aos elementos conforme o usuário navega pela página ou interage com eles.

Módulo Media Queries (Bônus)
Explica como adaptar seus layouts para dispositivos móveis usando regras CSS específicas, garantindo responsividade sem complicações.

Módulo Essential Addons Personalizado
Ensina como alterar o estilo padrão dos add-ons populares do Elementor por meio da implementação direta de códigos CSS personalizados.

Para quem este curso é indicado

Usuários que já possuem conhecimentos básicos no Elementor e buscam elevar o nível dos seus projetos através da personalização detalhada via CSS. É ideal para quem quer entregar trabalhos com diferencial visual consistente nos ambientes web construídos com essa ferramenta.

Pessoas sem familiaridade prévia tanto no Elementor quanto em CSS podem encontrar dificuldades nesta formação, pois ela prioriza aplicação prática sobre conceitos introdutórios.

Autor: CSS PACK - Para Elementor - Heitor Ramos Ferreira

Genero: designer

Formato: MP4

Idioma: Português

O que você recebe

  • 10 módulos com 294 aulas no total
  • Aulas em vídeo e materiais incluídos no treinamento
  • Acesso enviado após a confirmação da compra
  • Orientações para dúvidas relacionadas ao acesso

Conteudo do Curso

1

Módulo 01 - Comece por Aqui

3 aulas
Ver aulas (3)
  • informações importantes
  • elementor PRO
  • Flexbox Conatiner
2

Módulo 02 - Personalizações

65 aulas
Ver aulas (65)
  • Barras de Rolagem
  • barras de rolagens codigos.txt
  • Borra degradê no topo
  • Borra degradê no topo.txt
  • Borda Cortada
  • BORDA CORTADA.txt
  • Borda Degradê
  • BORDA DEGRADÊ.txt
  • Cor da Seleção Personalizada
  • COR DA SELEÇÃO PERSONALIZADA.txt
  • Degradê na Seção
  • DEGRADÊ NA SEÇÃO.txt
  • Menu com Efeito
  • MENU COM EFEITO.txt
  • Divisor Degradê
  • DIVISOR DEGRADÊ.txt
  • Formulário com Ícone
  • FORMULÁRIO COM ÍCONE.txt
  • Formulário com Divisor Degradê
  • FORMULÁRIO COM DIVISOR DEGRADÊ.txt
  • Fundo Desfocado (efeito Vidro)
  • FUNDO DESFOCADO (EFEITO VIDRO).txt
  • HOVER COM CONTÊINER ABRINDO.txt
  • Hover com Contêiner Abrindo
  • Cursor Personalizado
  • CURSOR PERSONALIZADO.txt
  • TEXTO COM COR DE DESTAQUE.txt
  • Texto com Cor de Destaque
  • Texto Degradê Animado
  • TEXTO DEGRADÊ ANIMADO.txt
  • Sobreposições de Fundo
  • Texto com Fundo Destacado
  • TEXTO COM FUNDO DESTACADO.txt
  • Personalizações de Texto
  • PERSONALIZAÇÕES DE TEXTO.txt
  • Barra de Progresso Degradê Animada
  • BARRA DE PROGRESSO DEGRADÊ ANIMADA.txt
  • Cor no Hover
  • COR NO HOVER.txt
  • TEXTO COM FUNDO E BORDA DESTACADO.txt
  • Texto com Fundo e Borda Destacado
  • Hover Dinâmico Vinculado ao Mouse
  • HOVER DINÂMICO VINCULADO AO MOUSE.txt
  • Cursor Duplicado com Delay
  • CURSOR DUPLICADO COM DELAY.txt
  • Card 3d
  • CARD 3D.txt
  • Gifs Personalizados
  • GIFS PERSONALIZADOS.txt
  • Vídeo Dentro do Mockup
  • VÍDEO DENTRO DO MOCKUP.txt
  • Carrossel Dentro do Muckup
  • CARROSSEL DENTRO DO MUCKUP.txt
  • Box Shadow Interno
  • BOX SHADOW INTERNO.txt
  • Texto Grande com Scroll Vertical
  • TEXTO GRANDE COM SCROLL VERTICAL.txt
  • Texto Ampliado no Hover
  • TEXTO AMPLIADO NO HOVER.txt
  • Texto com Efeito Glitch
  • TEXTO COM EFEITO GLITCH.txt
  • Mega Menu com Efeito
  • MEGA MENU COM EFEITO.txt
  • Hover com Desfoque
  • HOVER COM DESFOQUE.txt
3

Módulo 03 - FERRAMENTAS

45 aulas
Ver aulas (45)
  • Abas com Container
  • ABAS COM CONTAINER.txt
  • Borda do Contêiner no Hover
  • BORDA DO CONTÊINER NO HOVER.txt
  • Remover Margin Padrão
  • REMOVER MARGIN PADRÃO.txt
  • Bug do Espaço Branco Resolvido
  • BUG DO ESPAÇO BRANCO RESOLVIDO.ts.txt
  • Bug Menu Fixo Resolvido
  • BUG MENU FIXO RESOLVIDO.txt
  • Mudando a Url de Login
  • MUDANDO A URL DE LOGIN.txt
  • Carrossel e Sanfona com Containers
  • Checkbox Interativo
  • CHECKBOX INTERATIVO.txt
  • Checkbox Interativo V2
  • checkbox interetivo v2.txt
  • Headline com Data do Dia
  • HEADLINE COM DATA DO DIA.txt
  • Página com Delay
  • PÁGINA COM DELAY.txt
  • Headline com a Localização do Usuário
  • HEADLINE COM A LOCALIZAÇÃO DO USUÁRIO.txt
  • Impedir Acesso ao Devtools
  • IMPEDIR ACESSO AO DEVTOOLS.txt
  • Container 2 em 1
  • CONTAINER 2 EM 1.ts.txt
  • Fechar Pop-up ao Clicar
  • FECHAR POP-UP AO CLICAR.txt
  • Site Incorporado
  • SITE INCORPORADO.txt
  • Interruptor
  • INTERRUPTOR.txt
  • Pop-up de Vídeo Minimizado
  • POP-UP DE VÍDEO MINIMIZADO.txt
  • Cursor Personalizado na Seção
  • CURSOR PERSONALIZADO NA SEÇÃO.txt
  • Imagem com Comparação Horizontal Manual
  • IMAGEM COM COMPARAÇÃO HORIZONTAL MANUAL.txt
  • Faixa de Áudio Vinculada ao Clique
  • FAIXA DE ÁUDIO VINCULADA AO CLIQUE.txt
  • Menu Expansivo
  • MENU EXPANSIVO.txt
  • Notificações
  • NOTIFICAÇÕES.txt
4

Módulo 04 - Composições

20 aulas
Ver aulas (20)
  • introdução
  • Radar
  • RADAR.txt
  • Linhas Animadas
  • LINHAS ANIMADAS.txt
  • Fundo Linhas Quadriculadas
  • FUNDO LINHAS QUADRICULADAS.txt
  • Círculo Animado 01
  • CÍRCULO ANIMADO 01.txt
  • Círculo Animado 02
  • CÍRCULO ANIMADO 02.txt
  • Barras de Mistura de Cores
  • BARRAS DE MISTURA DE CORES.txt
  • Universo
  • UNIVERSO.txt
  • Imagem Infinita
  • IMAGEM INFINITA.txt
  • ESTRELAS 1.txt
  • ESTRELAS 2.txt
  • Estrelas
5

Módulo 05 - ANIMAÇÕES

52 aulas
Ver aulas (52)
  • Borda Animada
  • BORDA ANIMADA.txt
  • Cor Circular no Fundo
  • COR CIRCULAR NO FUNDO.txt
  • Efeito Scroll no Hover
  • EFEITO SCROLL NO HOVER.txt
  • Efeito Noise
  • EFEITO NOISE.txt
  • Efeito Flutuar
  • EFEITO FLUTUAR.txt
  • Pulsar
  • PULSAR.txt
  • Rodar
  • RODAR.txt
  • Ícone de Menu Interativo + Efeito de Abertura
  • ÍCONE DE MENU INTERATIVO + EFEITO DE ABERTURA.txt
  • Overlay Animada
  • OVERLAY ANIMADA.txt
  • Efeito Luzes
  • EFEITO LUZES.txt
  • Animação de Entrada (vai e Volta)
  • ANIMAÇÃO DE ENTRADA (VAI E VOLTA).txt
  • Mudando a Cor de Fundo no Scroll
  • MUDANDO A COR DE FUNDO NO SCROLL.txt
  • EFEITO LUZES VAGALUME CSS.txt
  • EFEITO LUZES VAGALUME HTML.txt
  • Efeito Luzes Vagalume
  • Texto com Animação Vinculada ao Scroll
  • TEXTO COM ANIMAÇÃO VINCULADA AO SCROLL.txt
  • Divisor de Forma Animado
  • DIVISOR DE FORMA ANIMADO.ts.txt
  • Painel com Crescimento no Hover
  • PAINEL COM CRESCIMENTO NO HOVER.txt
  • Efeito Luzes Descendo
  • EFEITO LUZES DESCENDO.txt
  • Painel de Apresentação
  • PAINEL DE APRESENTAÇÃO.txt
  • Manjando dos Paranauê
  • Efeito Livro Abrindo
  • EFEITO LIVRO ABRINDO.txt
  • Lista de Ícone Animada
  • LISTA DE ÍCONE ANIMADA.txt
  • Headline Aleatória
  • HEADLINE ALEATÓRIA.txt
  • Rodapé Animado (efeito Bolhas)
  • RODAPÉ ANIMADO (EFEITO BOLHAS).ts.txt
  • Lista de Ícones com Interação no Hover
  • LISTA DE ÍCONES COM INTERAÇÃO NO HOVER.txt
  • Texto com Efeito Fade Animado
  • TEXTO COM EFEITO FADE ANIMADO.txt
  • Headline Única com Transição
  • HEADLINE ÚNICA COM TRANSIÇÃO.ts.txt
6

Módulo 06 - CARROSSEL

22 aulas
Ver aulas (22)
  • Carrossel Contínuo
  • CARROSSEL CONTÍNUO.txt
  • Carrossel com Fade nas Laterais
  • CARROSSEL COM FADE NAS LATERAIS.txt
  • Carrossel Vertical
  • CARROSSEL VERTICAL.txt
  • Carrossel Contínuo com Fades
  • CARROSSEL CONTÍNUO COM FADES.txt
  • Carrossel de Texto Contínuo
  • CARROSSEL DE TEXTO CONTÍNUO.txt
  • Carrossel Desfocado
  • CARROSSEL DESFOCADO.txt
  • Alterando Posição das Setas do Carrossel
  • ALTERANDO POSIÇÃO DAS SETAS DO CARROSSEL.txt
  • Pontos de Navegação Personalizados
  • PONTOS DE NAVEGAÇÃO PERSONALIZADOS.txt
  • Carrossel com Opacidade e Escala
  • CARROSSEL COM OPACIDADE E ESCALA.txt
  • Carrossel com Elementos Animados
  • CARROSSEL COM ELEMENTOS ANIMADOS.ts.txt
  • Carrossel com Coverflow
  • CARROSSEL COM COVERFLOW.txt
7

Módulo 07 - BOTÕES

40 aulas
Ver aulas (40)
  • Botão com Borda Degradê
  • BOTÃO COM BORDA DEGRADÊ.txt
  • Botão com Borda Degradê Animada
  • BOTÃO COM BORDA DEGRADÊ ANIMADA.txt
  • Botão com Degradê Animado
  • BOTÃO COM DEGRADÊ ANIMADO.txt
  • Botão do Formulário Personalizado
  • BOTÃO DO FORMULÁRIO PERSONALIZADO.ts.txt
  • Botão Estilo Russo
  • BOTÃO ESTILO RUSSO.txt
  • Botão Clean
  • BOTÃO CLEAN.txt
  • Botão com Luz Pulsando
  • BOTÃO COM LUZ PULSANDO.txt
  • Botão com Box-shadow Degradê
  • BOTÃO COM BOX-SHADOW DEGRADÊ.txt
  • Botão do Lado do Campo no Formulário
  • BOTÃO DO LADO DO CAMPO NO FORMULÁRIO.ts.txt
  • Botão com Máscara no Hover
  • BOTÃO COM MÁSCARA NO HOVER.ts.txt
  • Botão com Efeito Glitch
  • BOTÃO COM EFEITO GLITCH.ts.txt
  • Botão com Box Shadow Inferior
  • BOTÃO COM BOX SHADOW INFERIOR.txt
  • Botão com Box Shadow Grande
  • BOTÃO COM BOX SHADOW GRANDE.txt
  • Ícone do Botão Interativo
  • ÍCONE DO BOTÃO INTERATIVO.txt
  • Botão com Preenchimento em Duas Cores
  • BOTÃO COM PREENCHIMENTO EM DUAS CORES.txt
  • Botão 3d com Animação no Hover
  • BOTÃO 3D COM ANIMAÇÃO NO HOVER.txt
  • Botão com Borda Degradê Animada no Hover
  • BOTÃO COM BORDA DEGRADÊ ANIMADA NO HOVER.txt
  • Botão com Borda Cortada + Fundo e Borda Animada
  • BOTÃO COM BORDA CORTADA + FUNDO E BORDA ANIMADA.txt
  • Botão Estilo Matrix
  • BOTÃO ESTILO MATRIX.txt
  • Botão com Cta Duplo
  • BOTÃO COM CTA DUPLO.txt
8

Módulo 08 - ANIMAÇÕES DE SCROLL AVANÇADO (BÔNUS)

38 aulas
Ver aulas (38)
  • Introdução
  • Scroll de Comparação Horizontal
  • SCROLL DE COMPARAÇÃO HORIZONTAL.txt
  • Scroll com Elemento Crescendo
  • SCROLL COM ELEMENTO CRESCENDO.txt
  • Scroll Horizontal
  • SCROLL HORIZONTAL.txt
  • Timelines com Gsap
  • Scroll de Sobreposição
  • SCROLL DE SOBREPOSIÇÃO.txt
  • Cor do Texto Conforme o Scroll
  • COR DO TEXTO CONFORME O SCROLL.txt
  • Comparação Horizontal com o Scroll Magic
  • COMPARAÇÃO HORIZONTAL COM O SCROLL MAGIC.txt
  • Scroll com Elemento Aumentando e Sumindo
  • SCROLL COM ELEMENTO AUMENTANDO E SUMINDO.txt
  • Timelines no Scroll Magic
  • TIMELINES NO SCROLL MAGIC.txt
  • Scroll Suave na Âncora
  • SCROLL SUAVE NA ÂNCORA.txt
  • Scroll Snap
  • Scroll em Container Duplo
  • SCROLL EM CONTAINER DUPLO.txt
  • Scroll com Notebook Abrindo
  • SCROLL COM NOTEBOOK ABRINDO.txt
  • Scroll Card com Barra de Progresso
  • SCROLL CARD COM BARRA DE PROGRESSO.ts.txt
  • Scroll Suave
  • SCROLL SUAVE.txt
  • Lottie Vinculado ao Scroll
  • Painel de Vídeo Imersivo com Escala e Sobreposição
  • PAINEL DE VÍDEO IMERSIVO COM ESCALA E SOBREPOSIÇÃO.txt
  • Menu Fixo Vinculado ao Scroll
  • MENU FIXO VINCULADO AO SCROLL.txt
  • Efeito Texto Imersivo Vinculado ao Scroll
  • EFEITO TEXTO IMERSIVO VINCULADO AO SCROLL.txt
  • Scroll Horizontal Vinculado ao Clique
  • SCROLL HORIZONTAL VINCULADO AO CLIQUE.txt
9

Módulo 09 - MEDIA QUERIES (BÔNUS)

4 aulas
Ver aulas (4)
  • Introdução
  • Propriedades
  • Separando Resoluções
  • SEPARANDO RESOLUÇÕES.txt
10

Módulo 10 - ESSENTIAL ADDONS

5 aulas
Ver aulas (5)
  • Introdução
  • Efeito Digitando
  • Efeito Svg Animado
  • Efeito Círculo Interativo
  • Faq com Preenchimento

Perguntas frequentes

Como recebo o acesso após a compra?

Após a confirmação do pagamento, as informações de acesso são enviadas para os dados informados durante a compra.

E se eu tiver dúvida no acesso?

Caso tenha alguma dificuldade relacionada ao acesso, utilize o canal de atendimento informado após a compra.

CSS PACK – Para Elementor – Heitor Ramos Ferreira

Comece agora

★★★★★ 4,6+172 alunos

Acesso rapido, suporte pos-compra e conteudo organizado em modulos.

Investimento R$ 69,70
COMPRAR AGORA Tirar duvida no WhatsApp
  • Acesso enviado apos confirmacao
  • Compra simples e segura
  • Suporte para duvidas de acesso
  • Conteudo organizado por modulos

Categorias

Designer

Cursos Relacionados

Explore por categoria