Continuando con las formas de particionar una imagen utilizando css traigo este ejemplo, que utiliza CSS 2 , y para darle un poco de color agrege una funcion entretenida
Lo Primero que debemos hacer es setear el fondo de nuestro contenedor, en este caso utilizaremos un "DIV"; como vemos a continuacion seteamos alto, ancho e imagen.
height: 190px; width: 100px; background-image:url('http://donde.esta/la/imagen.tipo');
lo que en realidad hace la magia es lo siguiente, setear la posicion en que vamos a mover nuestro fondo, la imagen de fondo es muchisimo mas grande, esta es de 1000px * 1500 que la que nosotros seteamos, pero solo se vera la parte visible de nuestro "DIV", o sea, esto:
background:-530px -1050px;
GEEK
Continuando con las formas de particionar una imagen utilizando css traigo este ejemplo, que utiliza CSS 2 , y para darle un poco de color agrege una funcion entretenida
Lo Primero que debemos hacer es setear el fondo de nuestro contenedor, en este caso utilizaremos un "DIV"; como vemos a continuacion seteamos alto, ancho e imagen.
height: 190px; width: 100px; background-image:url('http://donde.esta/la/imagen.tipo');
lo que en realidad hace la magia es lo siguiente, setear la posicion en que vamos a mover nuestro fondo, la imagen de fondo es muchisimo mas grande, esta es de 1000px * 1500 que la que nosotros seteamos, pero solo se vera la parte visible de nuestro "DIV", o sea, esto:
background:-530px -1050px;
GEEK
.jpg)
0 comentarios:
Publicar un comentario