CSS


  • [Vídeo] Botão Borda Degradê no Elementor com CSS Personalizado

    Aprenda a criar um botão personalizado com degradê interno e na borda usando CSS personalizado no Elementor. Com esse recurso, é possível destacar botões em seu site de forma mais chamativa e atrativa para os visitantes. Assista ao vídeo para aprender a técnica e não se esqueça de curtir e se inscrever no canal para mais dicas! ... Continue a ler.

  • Código CSS para Criar Box com Fundo “Vidro” com Borda Degrade no Elementor

    Nesse post eu compartilho um código CSS para criar um BOX com efeito vidro (fundo transparente embaçado) com borda degradê, como mostra abaixo: Segue código CSS abaixo para copiar e modificar como necessário: ... Continue a ler.

  • Código CSS Personalização Formulário RD Station

    Código CSS básico para personalização e correção de layout do formulário RD Station para ser aplicado de maneira global no site. ... Continue a ler.

  • Código CSS para Customizar Formulário RD

    Código abaixo para customizar facilmente formulários da RD embutidos nos sites. ... Continue a ler.

  • Código para Adicionar Iframe Responsivo para Videos Incorporados (Embed)

    Nesse post, eu vou compartilhar um código simples em HTML e CSS para que você consiga incorporar vídeos em seu site, de maneira que eles fiquem responsivos e com a medida de 16:9, que é recomendada para vídeos. ... Continue a ler.

  • Código JavaScript para Trocar Imagens ao Passar o Mouse em Seções no Elementor ou HTML puro

    Nesse post, eu vou compartilhar um código CSS e JavaScript para que você tenha a possibilidade de trocar imagens dependendo da posição do mouse. Isso significa que você pode criar algumas colunas de conteúdo e, ao passar ao mouse entre as colunas, as imagens de uma outra sessão se alteram automaticamente. ... Continue a ler.

  • Código CSS Personalizado para Adicionar Seta SVG ao Passar o Mouse no Menu WordPress com Elementor

    Nesse post eu vou compartilhar um código CSS personalizado para você adicionar no seu menu WordPress com Elementor para adicionar uma seta em SVG quando passar o mouse em algum item do menu. Apenas adicione o código CSS em sua página, e aplique a CLASS menu-seta no menu que seja aplicar o efeito da seta […] ... Continue a ler.

  • Barra de progresso para scroll da página com imagem na ponta (CSS + JS)

    Nessa publicação, eu vou fornecer um trecho de código que você pode utilizar para criar uma barra de progresso quando o usuário estiver descendo a página e com o adicional de poder colocar uma imagem na ponta da barra de progresso que se movimenta. Muito útil caso você queira utilizar uma imagem que simula que […] ... Continue a ler.

  • Box flutuante de “arraste para ver mais” apontando para a direita com CSS e JS

    Neste post eu vou lhe fornecer um código CSS e JavaScript para você adicionar um box flutuante em cima de algum conteúdo que tem que ser arrastado para a direita onde esse box vai ter a mensagem arraste para ver mais e com o efeito de animação. ... Continue a ler.