Códigos CSS para Criar Efeitos no Blog

Como criar diversos efeitos em links, textos ou imagens usando códigos CSS, nós já publicamos muitos tutoriais sobre CSS, colocar efeitos nos links do blog, trocar cores de fundo e muito mais.


Mas o que faltou foi uma lista de estilos CSS para quem está começando a usar esses códigos então vamos fazer isso agora.

color: #000 - cor do texto, veja aqui o Código HTML das Cores. Lembramos que esse código das cores é valido para qualquer estilo CSS, portanto também é possível trocar a cor de fundo ou bordas coloridas com o código HTML da cor que desejar.

font-family: Verdana, Geneva, sans-serif; - tipo de letra utilizada
font-size: 12px; - tamanho das letras

background-color:#ccc - Cor de fundo

border: 1px solid #000 - Criar bordas(Colocar ou alterar as bordas). Isto pode ser usando em imagens ou texto, veja aqui um tutorial mais detalhado sobre bordas

Combinando esses estilos é possível criar efeitos legais em link ou até mesmo botões sem usar imagens apenas combinando as cores de fundo com a borda. Mas, além disso, veja alguns outros códigos CSS úteis para seu blog:
Efeito Girar (Rotacionar) Imagens ao Passar o Mouse usando CSS
Criar e Colocar um Menu com SubMenu com CSS no Blog
Como Colocar Efeito Arco-Íris nos Links do Blog

O que é possível fazer com CSS?

Praticamente tudo porque os códigos podem ser combinados de infinitas maneiras criando efeitos incríveis em links, textos e imagens. Naturalmente existem muitos outros Códigos CSS para usar no Blog que não mencionamos, mas como já falamos no começo isso é um guia básico e aprendendo a combinar esses códigos já conseguirá modificar muitas coisas no seu template.

Nenhum comentário:

Postar um comentário