06/09/2011, 19:22
| ||||
| ||||
| Degradar imagenes background Hola, he pensado que en cada apartado de mi web tenga un fondo que trataría de una imagen fija en el superior y el fondo negro. Hay en algún lenguaje (PHP, CSS, javascript, etc) poder que la parte de debajo de la imagen se vaya degradando a trasparente? |
|
07/09/2011, 08:18
| ||||
| ||||
| Respuesta: Degradar imagenes background se puede realizar con javascript cambiando la opacidad y el alto de cada capa. cada capa tendrá que tener position:absolute y overflow:hidden. tienes que usar offsetHeight para obtienes el alto de la imagen. este valor, decrementado, se le asigna al height de cada capa. por otro lado tendrás que ir incrementando la opacidad de cada capa. para decrementar el lago e incrementar la opacidad, tendrás que usar dos ciclos, uno anidado en el otro. el contenedor ha de tener position:relative, ....... es sencillo de hacer, pero no te convendría mas crear esas imágenes degradadas con photoshop?? |
|
07/09/2011, 12:28
| ||||
| ||||
| Respuesta: Degradar imagenes background Me he quedado igual, la cosa era no utilizar ningún programa exterior porque puede haber muchísimas imágenes. Me decantare por photoshop ya que lo que tenia pensado es que se degradara la imagen de fondo. Un saludo y gracias! |
|
07/09/2011, 12:52
| ||||
| ||||
| Respuesta: Degradar imagenes background Hay una forma muy simple de lograr lo que querés hacer. El formato de imagen PNG24 permite transparencia. Podés crear en Photoshop un degrado que vaya de transparente a negro y superponerlo a la imagen apilando capas con CSS. Así va a dar la ilusión de que la imagen funde a negro. |
| Etiquetas: |
