Categoria: CSS
-
Página de erro 404 animada com CSS
Este tutorial mostra como desenvolver uma página de erro 404 animada. Para tal efeito usamos algumas imagens e pequenas regras de CSS para animação. O código é simples e quem já possui um conhecimento em CSS entenderá rapidamente o significado das regras para esse efeito. Veja o resultado final da página de erro 404 animada.
-
Ferramentas CSS3 online para Web Designers
CSS3 CSS3 continua a ganhar a cada dia mais e mais popularidade, está presente na maioria dos sites de quem trabalha com web, apesar de ainda dizerem ser cedo para aprender e aplicar as CSS3, já que as propriedades e seletores não são totalmente suportadas por todos os navegadores.
-
Suporte dos navegadores para propriedades CSS3
CSS3 permite a você o poder de criar bordas arredondadas, adicionar sombra em textos sem o uso de imagens, inserir fontes e muitos outros efeitos com propriedades CSS3.Veja a lista de algumas propriedades CSS introduzida na CSS3 e seu suporte aos principais navegadores.
-
Como criar um layout de 3 colunas com CSS
Existem dois tipos principais de layouts com CSS: largura fixa e de largura variável (conhecido também como, layout líquido ou layout fluido), esse último o site se ajusta ao tamanho da janela do navegador do usuário. Outra coisa que se pode fazer é deixar a coluna do conteúdo como uma largura variável e as colunas…
-
Mostrar legenda ao passar o mouse sobre imagens
Vou mostrar um exemplo rápido para fazer o efeito de revelar a legenda de uma imagem apenas quando o usuário passar o mouse sobre a imagem. Normalmente se coloca a legenda logo abaixo da imagem, nesse caso a legenda aparecerá sobre a imagem e na parte inferior. O efeito é inteiramente feito com CSS, sem…
-
Gerador online de gradiente CSS3
Ultimate CSS Gradient Generator é uma ferramenta online gratuita para desenvolvedores web. Com ela você pode criar gradientes em uma interface semelhante a de criação de gradientes do Photoshop. Após criar seu gradiente personalizado ou escolher um dos padrões já existentes o aplicativo nos dá o código CSS3 gerado.
-
Alterando cor da seleção padrão do texto com CSS3
Uma declaração CSS3 que poucos conhecem é capaz de alterar a cor padrão de uma seleção de texto na web, para uma cor de sua escolha. Sabemos que independente da cor da fonte e plano de fundo sempre que selecionamos um texto em uma página da web, a fonte por padrão é alterada para branco…
-
10 efeitos com propriedades CSS3
CSS3 Firefox, Safari e Chrome já implementaram propriedades do CSS3. Para que funcionem, é necessário adicionarmos os prefixos -moz (para renderização no Firefox) e -webkit (para renderização nos navegadores Chrome e Safari). Ambos são soluções proprietárias dos fabricantes. Veja abaixo 10 efeitos das folhas de estilos CSS3.
-
Sombra em texto com CSS – text-shadow
A propriedade text-shadow do CSS permite adicionar uma sombra no texto descartando o uso de imagens. A maioria dos navegadores já possuem suporte para essa propriedade, entre eles estão: Safari, Opera, Chorme e Firefox.
-
Propriedade Overflow no CSS
Há bastante tempo não escrevo artigos sobre CSS aqui no blog. Hoje pela manhã resolvi que iria escrever algo falando sobre CSS. Escolhi a propriedade Overflow. Com a propriedade Overflow (sobrecarga) do CSS, podemos escolher o que deverá acontecer se o conteúdo ultrapassar o tamanho de uma DIV. Podemos adicionar barra de rolagem, ocultar o…