Preguntas con la etiqueta [css3]
La tercera edition de CSS o Hoja de Estilo en Cascada (Cascading Style Sheet - siglas en ingles) y también la ultima. Es normalmente referida como CSS3, y junta capacidades visuales potentes y técnicas versátiles de manipulación de diseño y animación.
1,747
preguntas
0
votos
1
respuesta
25
vistas
Como ocultar una parte del codigo en celulares y otra parte en pantallas mas grandes?
Tengo dos div, cada uno tiene una card de bootstrap diferente. Una debe mostrarse en dispositivos chicos y otras en grandes.
<div class="big">
</div>
<div class="small&...
0
votos
0
respuestas
7
vistas
Cómo podría hacer que un gradiente radial cambie su distancia de desplazamiento en función de la resolución?, estoy usando media queries
cómo están?.
Tengo una animación en CSS tomada otro sitio web la cual simula un tanque de agua llenándose, esta animación está hecha con un radial-gradient, mi aplicación web es responsiva y estoy ...
0
votos
1
respuesta
23
vistas
Como puedo hacer que un div se incruste sobre otro y que este se autoajuste
Tengo este codigo
.ticket-container {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 150px;
left: 18px;
}
.tickets {
background-...
2
votos
2
respuestas
17
vistas
Alinear Auto Flow Grid Desde la Derecha
tengo el siguiente codigo.
.container{
margin:auto;
width: min(100%, 800px);
border: 1px solid #0e0e0e;
min-height: 200px;
text-align: center;
display: grid;
grid-...
0
votos
1
respuesta
20
vistas
Añadir filtro gris y ::before de color sobre un background img
Tengo el siguiente código
div{
display: grid;
place-content: center;
font-family: sans-serif;
min-height: 100vh;
padding-inline: 2rem;
background-image: url(https://picsum....
1
voto
1
respuesta
27
vistas
Eliminar bordes verticales de todo un TR en una tabla, sin combinar celdas
Quería ver si me podían ayudar con algo de HTML5/CSS3. Hice una tabla con columnas y filas. Después les apliqué a los TD un padding:0 y la propiedad border-collapse: collapse (+ ese valor), para que ...
0
votos
0
respuestas
20
vistas
Tengo problemas con overflow
les pongo en contexto, diseñe esto en FIGMA. ¿Que es? Es una simple lista a la cual puedes meter elementos y eliminarlos con javascript.
Lo que quiero lograr son los cuadrados donde se almacenara la ...
0
votos
2
respuestas
17
vistas
como solucionar que el submenu nose superponga al menu
*{
text-decoration: none;
list-style: none;
box-sizing: border-box;
}
nav{
height: 80px;
display: flex;
padding: 0 50px;
justify-content: space-between;
align-items: ...
0
votos
1
respuesta
27
vistas
¿como establesco una altura fija a una imagen sin afectar su apariencia en nextjs?
amigos, estoy implementando un carrusel de imagenes para que haga las veces de banner en una pagina web. El problema esta en que al establecerle un alto especifico a la imagen, las personas se ven ...
0
votos
1
respuesta
15
vistas
error de selección en input de tipo radio
Me sucede que al ocultar los input de tipo radio para aplicarle estilos deja de funcionar la segunda columna de opciones al hacerles click. a la segunda columna se le aplican los estilos pero no ...
0
votos
1
respuesta
21
vistas
Barra de progreso con texto dinamico
tengo una barra de progreso que he creado con HTML5, CSS3 y AngularJS, pero no sé muy bien cómo meter texto dinámico, es decir, que de 0 a 33% debajo de la barra muestre un texto, del 34% al 66% otro ...
0
votos
0
respuestas
24
vistas
Mi codigo de js me tira un error de console con el addEventListener
const slider = document.querySelector("#slider");
let sliderSection = document.querySelectorAll(".slider__section");
let sliderSectionLast = sliderSection[sliderSection.length -1];
const btnLeft = ...
1
voto
0
respuestas
17
vistas
agregar fila a tabla y borrar fila de tabla. y confirmar que funciona un contador de productos y un contador de total
No puedo hacer que al hacer click en la variable link, se creen los respectivos td y tr, con la informacion requerida (nombre y precio del producto). Y al lado de eso tambien tiene que haber un ...
0
votos
1
respuesta
26
vistas
No puedo realizar un correcto responsive con media query
Tengo un problema con este diseño para hacerlo responsivo correctamente. El media Query que agrego es como que no me lo toma correctamente el navegador. He intentando ya varias cosas y lo mejor que me ...
0
votos
0
respuestas
17
vistas
CSS o JS (Header)
Colegas buen día, les comento. tengo un header con su navegación y un texto sencillo, la cuestión es que quiero que este header siempre cubra toda la pantalla sin importar que tan larga o corta sea ...
2
votos
1
respuesta
54
vistas
Cómo puedo deslizar un div de arriba hacía abajo al darle clic a cerrar?
realicé este simple reproductor con HTML, CSS y algo de JS pero no encuentro la manera de hacer que al dar clic en la X el div se deslice hacía abajo, quede "oculto" y que luego la X cambie ...
0
votos
0
respuestas
32
vistas
Menú de Hamburguesa se oculta
Estoy trabajando con Bootstrap 5.2. Tengo la siguiente navbar el menú de hamburguesa funciona al darle click, pero al darle click otra vez para que cierre mi navbar desaparece. Alguien que me pueda ...
0
votos
2
respuestas
21
vistas
Cómo utilizar transition con etiqueta span
soy nueva en esto de la programación y estoy haciendo un curso de introducción a CSS y HTML.
El caso es que acabo de terminar una lección en la que enseñan el concepto hover y en el ejercicio que ...
0
votos
1
respuesta
31
vistas
github page no carga las imagenes ni las paginas href
https://berllliin.github.io/Mudanzas/ visualización de pagina
https://github.com/Berllliin/Mudanzas.git codigo
tambien intente cambiar los src y los href pero no encuentro la solucion
no se si las ...
1
voto
1
respuesta
35
vistas
Como puedo poner las tablas verticalmente? HTML5
Como puedo poner las tablas verticalmente? HTML5
Holaa la ayuda que ocupo es que no se como hacer que las 3 tablas me queden de forma horizontal como en la segunda imagen, adjunto fotos para que quede ...
0
votos
1
respuesta
35
vistas
¿Como puedo mostrar el contenido de las demas tarjetas dentro de la modal?
estoy desarrollando un proyecto de un sitio web de unos platillos, estoy usando html, csss y javascript, aparte de eso uso tambien PHP, quisiera saber como puedo hacer para que cuando el usuario le de ...
0
votos
1
respuesta
27
vistas
Mi animación CSS no funciona aunque la sintaxis y la lógica parecen estar bien
Estaba intentando hacer una animación CSS para una prueba y no consigo hacer que funcione, aunque he revisado el código, he comparado con otras animaciones que sí han funcionado y he probado varias ...
1
voto
2
respuestas
44
vistas
HTML5 input mask personalizable con estilo fecha _ _ /_ _ /_ _
Necesito hacer que un input tenga ya por defecto las barras diagonales / para tipear la fecha de nacimiento en un formulario que el campo muestre //___ y al momento de escribir día mes y año salte ...
0
votos
1
respuesta
36
vistas
Como dar color a la linia separadora de rows en css grid?
Hola estoy creando una copia de la pagina principal de búsqueda de Google. Estoy creando el footer con un grid para crear los dos espacios y darles los atributos. Mi pregunta es como puedo hacer que ...
1
voto
2
respuestas
58
vistas
Como seleccionar solo un conjunto de los elementos con clase "active"
Primero que todo comentar que soy nuevo en esto de Javascript, por lo que tal vez sea algo fácil de realizar pero la verdad es que no sé cómo. Bueno, a lo que voy:
Estoy realizando una página con ...
0
votos
0
respuestas
36
vistas
Líneas feas en espacios entre li dentro de un nav
Estoy haciendo mi primer nav y veo que tiene líneas feas en el centro de cada espacio.
¿Cómo quitar esas líneas?
ul {
list-style: none;
padding: 0;
background: #092327;
width: 100%;
...
1
voto
1
respuesta
64
vistas
Poner checkbox a la izquierda y label derecha problema con espacios
Necesito poner el checbox tal cual esta a la izquierda pero que el label se quede a la derecha pegado sin esos extraños saltos de lineas gigantes ni que continue el texto por debajo del checkbox
SIN ...
0
votos
1
respuesta
21
vistas
¿Cómo hago que un div que contiene varios otros se mantenga en el centro cuando una de las imágenes que tiene dentro crece al hacer hover?
Estoy trabajando en un código de prueba para una tienda, y estaba haciendo que al hacer hover sobre una de las imágenes esta crezca durante 0.5 segundos (y que cuando quito el hover vuelva a su tamaño ...
0
votos
1
respuesta
31
vistas
¿Cómo hago que mis transiciones vuelvan a su lugar gradualmente cuando quito el :hover?
Buenos días/tardes/noches gente de StackOverflow.
Estoy trabajando en un código de CSS e hice unas transiciones de tipo translate de forma que cuando les coloco el cursor (es decir, que se activa el :...
0
votos
0
respuestas
14
vistas
Suporponer una etiqueta a sobre un canvas
Estoy tratando de sobreponer un enlace dentro de un div con canvas, para que este quede encima y que el canvas quede como un fondo, porque como lo tengo ahora no se puede dar clic en el enlace. Este ...
1
voto
1
respuesta
29
vistas
Evitar que un bloque salte de linea con CSS
Muy buenas,
Estoy buscando que una serie de contendores no salten de linea cuando llegan al margen derecho de la pantalla. Me interesa que salga un scroll horizontal, de tal manera que cuando este ...
0
votos
1
respuesta
22
vistas
¿es posible generar doble scrollbar en un mismo div?
dentro de una se creó una tabla que contiene muchos elementos horizontales y verticales, para poder ver los elementos que desbordan la pantalla horizontalmente, se debe hacer scroll vertical para ...
0
votos
0
respuestas
35
vistas
API Key Invalida OpenWeatherMap
Estoy tratando de hacer una sencilla aplicación web para obtener los datos del clima a través de la API Openweathermap, pero no logro avanzar, a pesar de haber usado 3 keys distintas, siempre obtengo ...
0
votos
1
respuesta
25
vistas
Problemas con el borde-radius y el borde dashed
h1{
border: 10px solid blue ;
border-style: dashed solid;
border-color: blue #222;
transition: all 1s;
}
h1:hover{
border-radius: 20px;
color: ...
0
votos
1
respuesta
18
vistas
Que hago para hacer un efecto typing pero a la inversa?
Buenaas, necesito ayudaa. Quiero hacer un efecto typing pero al revés. me explico, tengo ya un efecto typing que va desde width 0 hasta el width del string. El tema es que quiero que al llegar al ...
0
votos
0
respuestas
32
vistas
Como cambiar video dependiendo de tamaño de pantalla CSS
espero me puedan ayudar, estoy aprendiendo a hacer páginas web y tengo un problema, he estado investigando durante bastante tiempo y no he podido solucionarlo, quiero cambiar un video dependiendo del ...
0
votos
0
respuestas
65
vistas
¿Como invertir el contenido de una tabla en html?
estoy tratando de que el contenido de una tala aparezca invertido, este es mi codigo.
<table class="table table-bordered table-hover table-dark">
<thead>
&...
0
votos
0
respuestas
47
vistas
¿Como quito mensajes de advertencia en inputs?
Quiero quitar el mensaje de alerta que aparece para poder cambiar el borde al hacer focus, ya lo intente con !important y autocomplete="off".
input:focus {
border: 1px solid purple;
}
2
votos
3
respuestas
170
vistas
Cambiar estilos haciendo scroll usando outerHeight, junto con div fixed y otro div sticky
Estoy creando un efecto visible y oculto de un div fixed al hacer scroll. En conjunto con el header y otro div sticky.
El div fijo se oculta al hacer scroll pero al terminar de visualizar el header: ...
-2
votos
1
respuesta
33
vistas
Por que se desborda el <p>?
Estaba en freecodecamp,lo uso para ejercitar y aprender en html,y normalmente me explica ciertas cosas o las encuentro en google,pero me paso algo que no me explica,me dice como solucionarlo (Me dice ...
0
votos
0
respuestas
27
vistas
Posicionar los elementos sin importar las lineas del GRID CSS
Tengo que hacer un layout como este:
Y tengo por el momento algo asi
Como pueden ver entre el cuadro celeste y gris de la segunda imagen hay un eapacio, que no se como quitar.
Estoy usando css grid.
...
0
votos
1
respuesta
42
vistas
Me falla el evento onclick y no encuentro el error
Ya estuve toda la tarde buscando el error pero no me es posible encontrarlo.
Soy nuevo con Javascript y me cuesta bastante. Les dejo el codigo para que lo puedan corregir.
No se cual es la falla. ...
1
voto
1
respuesta
65
vistas
¿Cómo hago un texto multilínea en CSS y JS?
Resulta que estoy haciendo una To-Do List en JavaScript, todo funciona bien, el problema viene en que cuando escribo una tarea ésta se escribe en una sola línea, no hace saltos de línea como sería lo ...
0
votos
2
respuestas
52
vistas
No consigo que los íconos CSS estén alineados en el menú
Quiero hacer que los íconos estén a la izquierda del texto, pero no lo consigo; intenté de diferentes métodos, sin embargo no tuve éxito alguno en lograr esto. ¿Cómo puedo lograr que los íconos ...
0
votos
0
respuestas
11
vistas
Cómo puedo saber porqué en otra computadora distinta a la mía se ve mi sitio web desfasado por completo, ancho largo y las imágenes más chicas?
Repito: Cómo puedo saber porqué en otra computadora distinta a la mía se ve mi sitio web desfasado por completo, ancho largo y las imágenes más chicas?
Link al código: https://github.com/Franco-...
1
voto
1
respuesta
32
vistas
Posicionamiento de imágenes CSS
Hola comunidad necesito posicionar una imagen como se ve la primera imagen "resultado esperado" con CSS.
0
votos
1
respuesta
61
vistas
Cómo centrar un dropdownlist de boostrap con CSS
tengo este dropdown pero me sale directo a la izquierda, quisiera centrarlo con CSS porque estoy usando la version de boostrap 5.1.3 y no tiene la opcion para centrarse solo con boostrap, este es mi ...
0
votos
0
respuestas
26
vistas
Crear estructura con flexbox
El <body> contiene una columna de tres cuadros o filas(<header>, <main>
y <footer>).
<main> contiene una fila de 2 cuadros o columnas(<article> y <aside>), ...
0
votos
1
respuesta
433
vistas
Aplicar un imagen con un hover en css
con que propiedad podría lograr este efecto en la imagen haciendo usado de hover? o necesitarla usar js??
CODIGO:
git@github.com:Ronnal-Zp/cardNftComponent.git
0
votos
1
respuesta
95
vistas
Agregarle css a un formulario de login
Soy nuevo en el trabajo, y mi primer tarea es de crear y maquetar algunos formularios de una app que se está desarrollando en la empresa. Sé como estructurarlo con html, pero no sé cómo darle estilo ...