Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17637
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Reduzir tamanho de imagem grande só com CSS

23-09-2012 21:10

Para quem precisa criar thumb de imagens grandes usando só CSS, segue um exemplo

<style> .thumb {     background-color: #CCC;     background-image: url('papel.jpg');     background-position: center center;     background-repeat: no-repeat;     border: 1px solid #000;     margin: 5px;     width: 433px;     height: 333px; }   #cover {     background-size: cover;     -moz-background-size: cover; } </style>


<div id="cover" class="thumb"></div> <img src="papel.jpg" class="thumb" id="cover">

Pode se usar em div ou direto na tag img.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado