Substituindo Imagens ou Cores Sólidas Por Gradientes CSS3


Hoje vou mostrar como substituir imagens ou cores sólidas por códigos em gradientes (degradê para outros), recurso usado aqui no blog. Com ele é possível salvar tempo fazendo algumas coisas que só seriam possíveis com imagem antigamente, além de deixar o blog mais leve para navegadores de celular e de outros sistemas
Para começar,entre no Gerador de gradientes em Css3 e defina as cores que você pretende usar, copie o código e siga estas instruções:

Bem, agora procure uma das seguintes sentenças:
  • Background-image: Esse código é usado para links de imagem geralmente Para substituir essa sentença selecione o código da imagem desde o começo e substitua pelo código do degradê selecionado no Gerador
  • Background: Esse código geralmente é usado para códigos de cores sólidas (Exemplo: #ffffff) e imagens também para substituir faça o mesmo do Background-image mostrado acima.
Este tutorial é original do Force Design Qualquer reprodução deve ter aviso prévio e referência de origem, dúvidas comente...

0 comentários:

Postar um comentário

Compartilhe

Twitter Facebook Digg Stumbleupon Favorites