Foros del Web » Creando para Internet » HTML »

Puntitas negras encima de imágenes en HTML5

Estas en el tema de Puntitas negras encima de imágenes en HTML5 en el foro de HTML en Foros del Web. Hola amigos, muchas gracias a de antemano al foros por este espacio... Fijense en este efecto http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/ Si mi ojo no esta mal, tiene unas ...
  #1 (permalink)  
Antiguo 24/11/2012, 00:47
 
Fecha de Ingreso: marzo-2009
Ubicación: Sancti Spíritus, CUBA
Mensajes: 150
Antigüedad: 15 años, 8 meses
Puntos: 7
Puntitas negras encima de imágenes en HTML5

Hola amigos, muchas gracias a de antemano al foros por este espacio... Fijense en este efecto http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/

Si mi ojo no esta mal, tiene unas puntitas muy muy pequeñas encima de las imagenes de fondo, y cuando se hace zoom - desaparecen y caudno hacen zoom + aparecen. Esto está cool y me gusta. Quisiera saber como se hace ese efecto y como se llama si es posible, mcuhas Gracias
  #2 (permalink)  
Antiguo 24/11/2012, 11:23
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 5 meses
Puntos: 641
Respuesta: Puntitas negras encima de imágenes en HTML5

yo no veo ninguna punta negra en las imagenes
  #3 (permalink)  
Antiguo 24/11/2012, 12:04
 
Fecha de Ingreso: marzo-2009
Ubicación: Sancti Spíritus, CUBA
Mensajes: 150
Antigüedad: 15 años, 8 meses
Puntos: 7
Respuesta: Puntitas negras encima de imágenes en HTML5

Fijate bien!, mira aqui te pongo la imaegn de la web

http://www.subirimagenes.net/picture...e5795f7c23.jpg
  #4 (permalink)  
Antiguo 24/11/2012, 12:34
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Puntitas negras encima de imágenes en HTML5

Código CSS:
Ver original
  1. .cb-slideshow::after {
  2. content: '';
  3. background: transparent url(../images/pattern.png) repeat top left;

Tanto las fotos como esos puntitos son imágenes de fondo. No tiene mucha ciencia. Me pregunto qué problema habría con haber hecho la imagen ya así en un principio.
  #5 (permalink)  
Antiguo 24/11/2012, 14:40
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 15 años, 5 meses
Puntos: 641
Respuesta: Puntitas negras encima de imágenes en HTML5

caray, es que para mi punta es como una punta de flecha, punta de un cuchillo

otra cosa es "puntos".

@bonez, es para que el cliente no tenga que hacerlo, con solo añadir una imagen ya tendrá ese efecto punteado.
  #6 (permalink)  
Antiguo 24/11/2012, 15:03
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Puntitas negras encima de imágenes en HTML5

memoadian, iba tan entusiasmado que no me di cuenta ni de lo que era.
  #7 (permalink)  
Antiguo 24/11/2012, 16:32
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Puntitas negras encima de imágenes en HTML5

Es parte de los efectos, cuando se hacen transiciones de una imagen a otra (con el zoom ó el slide) aplican tambien un pequeñño fadein/out cambiando la opacidad, hay un punto en que la opacidad se iguala con el color del pattern.png por lo que da la apariencia de que ese cuadriculado de fondo desaparece y vuelve a aparecer. En realidad muy bueno según mi parecer

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #8 (permalink)  
Antiguo 24/11/2012, 20:08
 
Fecha de Ingreso: marzo-2009
Ubicación: Sancti Spíritus, CUBA
Mensajes: 150
Antigüedad: 15 años, 8 meses
Puntos: 7
Respuesta: Puntitas negras encima de imágenes en HTML5

Mucha Gracias chicos, ya tengo una idea mas o menos, Dios les Bendiga!

Etiquetas: css, encima, html5, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:03.