Grupo de HTML y CSS
Este grupo esta relacionado con nuestro curso profesional de HTML y CSS. Aquí se comparten... View more
organizador:
- Organizado por
-
Ocultar Scroll y dejar estatico un boton
Ocultar Scroll y dejar estatico un boton
Hola disculpen la molestia, en la bloque de Animación donde se da un ejemplo de Breking bad, la animacion mi texto se sale sale del cuadro…y le puse un scroll pero quiero ocultar el scroll y que el ver mas en rojo se quede quieto y solo el texto de la descripción de la imagen se mueva si me doy a entender…agradecería su ayuda
HTML
<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Mi primera pagina Web</title>
<link rel=”stylesheet” href=”CSS/style.css”>
<script type=”text/javascript” src=”JS/script.js”></script>
</head>
<body>
<div class=”bk”>
<div class=”vermas”>
esto esolo es una prueba no quiero llegar a nada con esto mucho menos algo importante, me llama la atencion como no puedo haver que el boton ver mas se quede estatico
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores sapiente iusto beatae sint et, eaque perspiciatis quam non voluptate ipsa explicabo iure error exercitationem! Est veniam ipsum nulla quidem quas?
Ver mas
</div>
</body>
</html>
Css
.bk {
width: 300px;
height: 450px;
border: solid 1px;
margin: auto;
background-image: url(../IMG/Screenshot_20211007-172634_Tachiyomi.jpg);
background-size: cover;
}
.vermas {
background: #000000;
height: 0px;
overflow: auto; scroll-width: none;
color: #ffffff;
padding: 10px;
margin-top: 300px;
opacity: 0;
transition: opacity 1s, height 1s;
}
.vermas p {
background: red;
text-align: center;
cursor: pointer;
}
.bk:hover .vermas {
opacity: 1;
height: 130px;
}
- 3 Respuestas
Hola Obvidio, puedes comprimir tu carpeta donde tienes el ejemplo y subirla. Para poder editar mucho mas fácil.
asi que quede mejor, gracias
Bueno, no te des animes. No es tan complicado lo que quieres hacer, pero es más fácil para nosotros trabajar sobre lo que ya tienes que hacer todo desde cero.
Inicia sesión para responder.
