Foros del Web » Creando para Internet » CSS »

Alguien tiene ejemplo de esto

Estas en el tema de Alguien tiene ejemplo de esto en el foro de CSS en Foros del Web. Estoy buscando hacer una cosas parecida a lo que tiene http://www.corneliani.com/ en su web con las imagenes. Cuando se pone el rato, que se meta ...
  #1 (permalink)  
Antiguo 06/03/2013, 20:34
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 13 años, 10 meses
Puntos: 0
Alguien tiene ejemplo de esto

Estoy buscando hacer una cosas parecida a lo que tiene http://www.corneliani.com/ en su web con las imagenes.

Cuando se pone el rato, que se meta un opacity y un texto en blanco. No encuentro nada y si miro para copiar el codigo que tiene esta web, no me sale.

Me pueden ayudar?
  #2 (permalink)  
Antiguo 06/03/2013, 21:49
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Alguien tiene ejemplo de esto

si no te sale el codigo prueba con otro navegador, yo acabo de ver la pagina y si se ve todo lo necesario para extraer el codigo de ese efecto.... ahora bien ya en ultima instancia en tu navegador ve al menú archivo y dale en guardar, esto te descargara todos los archivos a tu pc y ya solo tendrás que ir eliminando parte por parte hasta quedarte solo con la sección que necesitas.


un efecto similar y rápido con puro CSS seria esto
Código HTML:
Ver original
  1. <div>
  2.     <img src="img/hands.jpg" />
  3.     <div>
  4.         <h1>Ejemplo</h1>
  5.         <p> Cuando se pone el rato, que se meta un opacity y un texto en blanco. No encuentro nada y si miro para copiar el codigo que tiene esta web, no me sale. </p>
  6.     </div>
  7. </div>
Código CSS:
Ver original
  1. div{float:left;}
  2. div>img{position:absolute;}
  3. div>div{display:none;position:absolute;width:224px;height:300px;background:#ccc;}
  4. div:hover>div{display:block;}

coloca ese código en un archivo en blanco y pruebalo, veras que es algo similar pero en puro CSS

Etiquetas: ejemplo, 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 08:51.