Componente de cabeçalho para e-commerce totalmente gratuito para usar, feito apenas com CSS. O cabeçalho de uma loja virtual e onde reúne todos os itens essenciais para um bom uso de uma loja virtual. Nele tem o logotipo que é sua marca sua identidade na internet e fora dela é seu cartão de visita. A […]
Componente de cabeçalho para e-commerce [Atualizado] Read More »
Um efeito muito usado em programas de edição de imagem e vetorização é adicionar imagem dentro de textos ou objetos. Hoje vamos mostrar como fazer esse efeito para web usando apenas CSS. O CSS foi evoluindo muito nos últimos anos, e foram acrescentadas muitas propriedades que ajudam muito no desenvolvimento e no design dos elementos
Como criar textos com gradiente e imagem com CSS Read More »
Efeitos de Scoll e Parallax é uma forma interessante de despertar o interesse visual dos seus usuários no seu site. Efeitos são formas de despertar o interesse do seu usuário em seu site, além de deixar o site mais elegante e moderno, mas é claro que deve ser usado com moderação, pois muito efeito pode
Efeitos Scroll e Parallax CSS Read More »
Nesse artigo, vamos mostrar como se cria um botão flutuante WhatsApp. No atual cenário do nosso país, muitas empresas estão cortando custo altos com sistemas de atendimento caríssimos. Portanto, muitos lojistas estão optando por adicionar um meio de contato alternativo barato em seu site, é ai que entra o botão flutuante WhastApp. É um recurso
Botão flutuante WhatsApp completo [Atualizado] Read More »
Neste post vamos ensinar como suavizar a barra de rolagem usando apenas CSS. Muito usada em página Onepage, onde concentra todo o conteúdo em uma única página. Vídeo demonstrativo: Para suavizar a barra de rolagem, basta adicionar o código scroll-behavior: smooth ao elemento html do seu site para permitir que o efeito seja criado. Vale
Suavizando scroll usando apenas CSS Read More »
Os seletores CSS são usados para “encontrar” (ou selecionar) os elementos HTML que você deseja estilizar. O seletor de id CSS O seletor de id usa o atributo id de um elemento HTML para selecionar um elemento específico. O id de um elemento é único dentro de uma página, então o seletor de id é
Variáveis CSS são entidades definidas por desenvolvedores, contendo valores específicos para serem reutilizados ao longo da folha de estilo. São configuradas usando esta notação (ex: –cor-principal: black; ) e são acessadas usando a funcão var() (ex: color: var(–cor-principal); ). Uso básico No exemplo anterior foram declaradas duas variáveis dentro do seletor :root, que é a
O que são Uma pseudo-classe é usada para definir um estado especial de um elemento. Exemplo:Definir o estilo de um elemento quando o usuário passa o mouse sobre ele. Estilizar links visitados e não visitados de maneira diferente. Defina o estilo de um elemento quando ele receber o foco. Pseudo-Classes – Links :link – Tem
CSS Pseudo Classes Read More »
Um pseudo-elemento CSS é uma palavra-chave adicionada a um seletor que permite que você estilize uma parte específica do elemento selecionado sem acesso ao HTML usando apenas o CSS. Neste artigo vamos falar dos elementos citados abaixo: ::after ::before ::first-letter ::first-line ::selection ::after Cria um pseudo-elemento que é o último filho do elemento selecionado. Muitas
CSS Pseudo Elemento Read More »
Isto foi útil? Enviar Cancelar Obrigado pelo seu feedback!
Aprendendo Flexbox Read More »