« anterior próximo »
Páginas: [1]

Autor Tema: Efecto desvanecimiento con CSS  (Leído 4541 veces)

Kratos13

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 5
    • Ver Perfil
Efecto desvanecimiento con CSS
« en: 02 de Julio 2015, 19:31 »
Hola, buenos días compañeros, tengo una duda, tengo un div pequeño, en el tengo una imagen con un scroll transparente, lo que quiero es darle un desvanecimiento a la parte inferior del div o la imagen para que de el efecto de que está saliendom, hay alguna forma de hacerlo??

De antemano muchas gracias por su ayuda.
« Última modificación: 03 de Julio 2015, 14:38 por César Krall »
En línea

Mastermind

  • Experto
  • *****
  • Mensajes: 536
    • Ver Perfil
Re:Desvanecimiento
« Respuesta #1 en: 02 de Julio 2015, 20:55 »
Hola como verás en otros hilos siempre se pide que se pegue el código con el que se esté trabajando para usarlo como punto de partida. Aquí tienes una referencia: https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

 :D
En línea

Kratos13

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 5
    • Ver Perfil
Re:Desvanecimiento
« Respuesta #2 en: 02 de Julio 2015, 21:04 »
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Técnica</title>
<link rel="stylesheet" type="text/css" href="css/Style.css">
<script type="text/javascript" src="js/reloaded.js"></script>
<script type='text/javascript' src="js/flexcroll.js"></script>
</head>
<body class="cuerpo_tecnica">
<div id="area2" class="flexcroll" class="target" >
<img class="target" id="texto3" src="img/texto_tecnica.png" />
</div>
<footer class="botones4">
<a href="pag2.html"><img class="boton4" src="img/boton_home.png" /></a>
<a href="ejemplos_tecnica.html"><img class="boton5" src="img/boton_ver_ejemplo.png" /></a>
<a href=""><img class="boton6" src="img/boton_ayuda.png" /></a>
</footer>
</body>
</html>
« Última modificación: 02 de Julio 2015, 21:13 por Kratos13 »
En línea

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:Desvanecimiento
« Respuesta #3 en: 03 de Julio 2015, 14:37 »
Hola he intentado visualizar el código pero no se muestra nada al faltar las referencias Style.css, reloaded.js y flexcroll.js, y faltan también las imágenes.

En este curso se explican distintos efectos CSS, puede que aquí encuentres el que buscas.

Saludos.
En línea
Responsable de departamento de producción aprenderaprogramar.com
Páginas: [1]
« anterior próximo »
 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".