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.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
2 respuestas
1k vistas

Carousel thumbnail bootstrap 4 no carga correctamente todos los elementos

Me encuentro realizando una sección de artículo relacionados con bootstrap 4 pero, el problema es que nada más se alcanza a ver un item en vez de los 4 que debería tener el carousel. <div class="...
Avatar del usuario Manueel Perezz
0 votos
1 respuesta
97 vistas

Centra divs en bootstrap

tengo la siguiente estructura: <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> </div> ...
Avatar del usuario Raymond Medina
0 votos
2 respuestas
3k vistas

Alineación de card con bootstrap

Muy Buenos días colegas Estoy empezando a maquetar una tienda online, y tengo el siguiente problema a la hora de alinear tarjetas (card) con bootstrap, me encuentro que si tienen un texto mas largo o ...
Avatar del usuario Manueel Perezz
1 voto
3 respuestas
45k vistas

Centrar botón en pantalla con Bootstrap

Quisiera saber cómo puedo hacer para centrar un botón en el contenedor usando Bootstrap, es decir, en el centro de la pantalla tanto vertical como horizontalmente. Lo intenté de varias maneras pero no ...
Avatar del usuario Martín
  • 47
4 votos
2 respuestas
1k vistas

¿Como capturar atributo html en una variable js para luego asignarla en variable de css?

Quiero capturar el valor de src y pasarlo a una variable CSS, que está en el style inline del padre contenedor llamada --img-url. La idea que tengo que en el html, tengo esto: <figure class="img-...
Avatar del usuario Edgar Gutiérrez
2 votos
1 respuesta
188 vistas

¿Como usar correctamente SHORTHAND con la propiedad BACKGROUND?

he intentado optimizar mi código CSS mediante el uso de shorthand, específicamente con la propiedad background, el problema se dá cuando quiero incorporar la propiedad background-size en el shorthand. ...
Avatar del usuario Jean Devonne
1 voto
1 respuesta
677 vistas

¿como validar el zoom del navegador?

una pregunta, como validar que al recargar el zoom del navegador siempre este al 100%?
user avatar
1 voto
2 respuestas
13k vistas

Columna Fija , Tabla HTML con BOOTSTRAP 3

Necesito que la primer columna quede Fija, "fixed", es decir que yo pueda hacer scroll sobre el eje X y se siga mostrando los datos de la primera columna. ESTOY UTILIZANDO BOOTSTAP 3 table { ...
Avatar del usuario nawelittle
4 votos
1 respuesta
848 vistas

Centrar texto indiferentemente de las lineas que tenga el texto

Lo que necesito hacer es que el texto salga centrado con respecto a la imagen, es decir que si el texto tiene 2 lineas como se ve en la imagen cuadra perfectamente pero si tiene solo 1 queda raro y me ...
Avatar del usuario Korzan
  • 177
2 votos
1 respuesta
619 vistas

¿Por que no funciona el selector con corchetes?

Genero input dinámicos, para después procesar el formulario. Funciona bien en JS cuando las variables las trato sin corchetes así: <input type="text" name="fecha'+x+'" id="fecha'+x+'" size="9" ...
Avatar del usuario Angel Llorente
0 votos
1 respuesta
518 vistas

Evento hover que funciona que funciona en javascript y no en css

Tengo un div con una imagen de fondo, adentro de ese div tengo un div con position:absolute. Lo que quiero hacer es que cuando pase el mouse por el div contenedor se pinte el borde del div que esta ...
Avatar del usuario Orlando Pasaca Rojas
-1 votos
1 respuesta
742 vistas

¿Cóma mantener estático un modal encima de un slider fullscreen usando Materialize?

Estoy usando Materialize y quisiera que encima del slide fullscreen poner un botón que abre un modal y dentro de éste colocar un formulario de registro de información o llenado de datos para luego ...
Avatar del usuario Karina Buhezo Flores
2 votos
2 respuestas
83 vistas

¿Es posible usar input-lg e input-xs juntos?

Estoy usando bootstrap. Tengo un input con la clase: "input-lg". El problema es que en teléfonos quiero que este input sea más pequeño. Yo puedo solucionar esto verificando la resolución desde ...
Avatar del usuario Raymond Medina
1 voto
2 respuestas
89 vistas

¿Como puedo crear contenido personalizado de html5,css3,javascript en wordpress? [cerrada]

Me encuentro trabajando en una empresa que maneja una plantilla de wordpress llamada "the 7" la cual incluye algo llamado "wp bakery page"que es un plugin con el que puedes crear contenido para una ...
Avatar del usuario Brenda Meneses Alvarez
2 votos
2 respuestas
4k vistas

Imagenes usadas en seudolementos css ¿Es posible cambiar su tamaño?

Muy buenas a todos. Respondiendo una pregunta de la comunidad se me vino otra duda, siempre que usó imágenes en pseudoelementos ::before y ::after las coloco como background porque siempre que las ...
Avatar del usuario Edgar Gutiérrez
0 votos
3 respuestas
6k vistas

¿Como cambiar estilo de lista con ::before?

Tengo una pregunta sobre como poner un list-style:; con ::before. Me refiero a cambiar el circulo de una lista desordenada por un icono diferente con ::before
Avatar del usuario Reyes Jose
0 votos
1 respuesta
99 vistas

CSS3: Ubicar H3 y el parrafo dentro de un GRID

Necesito ubicar el texto que está encuadrado en amarillo, dentro de la foto, o sea del contenedor-2. A pesar que pongo: .container-2 h3{ grid-column: 2 / 3; grid-row: 2; } El ...
user avatar
1 voto
1 respuesta
375 vistas

Error de instalación de SASS

Buenas tardes y buen comienzo de años para todo. Quiero consultarles sobre un problema que tengo al querer instalar SASS a mi equipo (Mismo error en una laptop y una PC de escritorio). Realice la ...
Avatar del usuario Arevalo Matias
1 voto
1 respuesta
523 vistas

No puedo añadir una clase a html desde javascript

Intento añadir un clase a una etiqueta HTML desde JavaScript, pero me da un error: Uncaught TypeError: Cannot read property 'classList' of null window.addEventListener('keydown', onKeydown); ...
Avatar del usuario Christian117
0 votos
1 respuesta
1k vistas

¿Cual puede ser el problema con background-image?

sass div margin: 10px auto width: 100% max-width: 720px min-width: 240px background-image: url(..imagenes/img1.jpg) jquery var anchoS=($("div").width())*0.75; $("div").css("height",anchoS); $(...
Avatar del usuario Novato
  • 43
0 votos
1 respuesta
86 vistas

html tags <u> o <span>? [cerrada]

Actualmente utilizaba el span para seleccionar una parte de mi texto y darle otro estilo, pero recientemente descubrí un tag llamado u que tiene el mismo efecto con la misma definición Defines text ...
Avatar del usuario Pachi
  • 99
0 votos
0 respuestas
78 vistas

Error de salto en sitio creado con boostrap

Que tal. Soy nuevo en esto de la programación y después de tomar un curso de creación de sitios en boostrap tuve un problema y no se como resolverlo. El problema es que tengo una sección dentro del ...
Avatar del usuario Juan Carlos GO
1 voto
1 respuesta
613 vistas

¿Cómo montar una imagen entre dos div diagonal encima de otros (se usó z-index)?

.section{ width: 100%; position: relative; } #section1{ background:#f47070; z-index: 10/*10*/; } #section2{ background-image: url('img/Elementos/parallax-blue.jpg'); background-...
Avatar del usuario Josué David B R
0 votos
1 respuesta
55 vistas

Pseudoelemento 'after' no se ve

tengo la siguiente estructura: <div style="background:green"> <ul class="list-unstyled multi-steps"> <li>Start</li> <li>First Step</li> ...
Avatar del usuario Raymond Medina
7 votos
2 respuestas
4k vistas

¿Cómo actualizar código jQuery a la nueva versión y solucionar error en editar usuario - ajax?

Tengo realizado un pequeño script de un popup modal box jQuery. Pero observó que en la nueva versión jQuery existen nuevos cambios, código que ya está obsoleto, cómo puedo actualizar jQuery 2.1 a la ...
Avatar del usuario Pedro
  • 337
0 votos
2 respuestas
234 vistas

transform translate ? añade margen o es relativo?

El transform translate al usarlo mueve un elemento, ¿pero este funciona como el position relative utilizando únicamente el espacio de la posición original? ¿O la posición es la nueva ?
Avatar del usuario Pachi
  • 99
5 votos
1 respuesta
52 vistas

¿Cómo animar el loader?

Tengo el diseñado un loader pero como hago para que se anime. .mask { width: 100%; height: 100%; position: fixed; background: #fff; top: 0px; left: 0px; z-index:...
Avatar del usuario Pedro
  • 337
1 voto
1 respuesta
227 vistas

¿Como usar variables css3, sin problemas de compatibilidad con Internet Explorer u otros navegadores viejos?

Buenas. Lo que pregunto es si existe una librería del tipo "prefix-free" o "autoprefixer", pero para las variables de css3: var(--variable). Favor no responder que usando X preprocesador no tendré ...
Avatar del usuario Edgar Gutiérrez
1 voto
0 respuestas
36 vistas

Transicionar entre lineas de texto con keynotes en CSS

Existe alguna posibilidad de transcicionar entre dos o más lineas de texto usando un efecto typewrite baseado en keynotes de CSS? En anexo el css con las keynotes y una linea basica de html ligado a ...
Avatar del usuario Ricardo Calderón
0 votos
1 respuesta
750 vistas

Error con la media query CSS3 no se adapta?

Buenas tengo este siguiente codigo : @media screen and (max-width:100px){ #yo { border:1px solid green; } } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/...
Avatar del usuario simon
  • 2,427
2 votos
1 respuesta
88 vistas

¿Cómo añadir el otro 50% del background de color gris?

Cuando el asistente está en el primer paso, se muestra el 50% de la barra de color verde, pero el color gris desaparece dejando un 50% faltante. En el segundo paso la barra pasa a continuar al 100%, ...
Avatar del usuario Otto
  • 300
0 votos
1 respuesta
375 vistas

Imagen Rota PHP

Amigos, tengo mi web con imagenes de tamaños pequeños por ejemplo de 96x96 px que en desarollo se muestra normal, pero cuando lo subo a produccion me sale de la siguiente manera Tengo que hacer ...
Avatar del usuario Luis Vega
  • 183
6 votos
1 respuesta
43 vistas

No se puede adaptar un estilo a una imagen con resoluciones más pequeña

Encontré un diseño de unas estrellas aquí ¿Como crear tres estrella mas una estrella media sin :hover? Estoy utilizando su mismo diseño, solo que las estrellas más pequeñas, al cambiar la ...
Avatar del usuario Pedro
  • 337
0 votos
0 respuestas
679 vistas

Bloquear descarga PDF en Codeigniter

Estoy trabajando en un proyecto con Codeigniter version 2.2.6, y tengo que mostrar un PDF en web, esto ya lo hice de la siguiente manera <embed src"ejemplo.pdf#toolbar=0" type="application/pdf" ...
Avatar del usuario Luis Vega
  • 183
1 voto
0 respuestas
75 vistas

¿Cual seria la mejor forma de desarrollar estilos CSS3? [cerrada]

yo siempre he diseñado mi codigo CSS3: /* Author : 3lmo Date : 13/NOV/2017 */ body { margin:0; padding: 0; } h1,h2,h3,h4,h5,h6 { font-family: arial; ...
Avatar del usuario simon
  • 2,427
2 votos
1 respuesta
533 vistas

CSS: ¿Qué son los Selectores, que nuevos selectores hay en css3, para qué sirven y cómo implementarlos?

¿ Que son los selectores en css? ¿ Cuales son los nuevos selectores en css3 ? ¿ Que son los selectores de hijos ? ¿ Que son los selectores adyacentes ? ¿ Que son los selectores de atributos ?
Avatar del usuario Luis Daniel Rovira Contreras
0 votos
1 respuesta
3k vistas

Cómo puedo mostrar u ocultar el texto de un select simple al seleccionar opciones de otro select (multiple)?

Hola comunidad stackoverflow en español. Veran, tengo varios select simples y multiples en mi formulario, los cuales estan relacionados unos con otros. Lo que quiero es que se me muestre en un span la ...
Avatar del usuario Carmen B.
  • 473
0 votos
1 respuesta
240 vistas

Problemas con hover en un carousel en bootstrap

Hola estoy teniendo un problema con el texto que le aplico a la imagen de un carousel en bootstrap, el problema es cuando hace el hover, donde el contenido se queda fijo. Pero deberia hacer el mismo ...
Avatar del usuario MarianoF
  • 559
0 votos
1 respuesta
64 vistas

Problemas con LINK image-background ASP.NET MVC5

Porque no me aparece la imagen al hacerlo desde la hoja de estilos, yo la necesito en el header por tal razón lo hago desde una clase... .font { background-position: center; background-size: ...
Avatar del usuario Kevin López
0 votos
1 respuesta
49 vistas

¿Como crear un Down menu?

Hola soy nuevo en el desarrollo y estoy intentando agregar un down menu a este codigo: este es mi codigo css3 actual : * { margin: 0px; padding: 0px; } nav { width:100%; display:flex;...
Avatar del usuario simon
  • 2,427
3 votos
2 respuestas
560 vistas

¿Cómo animar proceso según el valor recibido de PHP a jQuery?

Mediante PHP se van contabilizando los pasos y añadiendoles en una sesión para evitar regresar al principio en caso de actualizar o refrescar la página, el valor es obtenido por medio de la siguiente ...
Avatar del usuario Otto
  • 300
6 votos
2 respuestas
19k vistas

¿Como solucionar los espacios entre los elementos inline-block?

Cuando uso elementos con la propiedad inline-block me aparece un espacio entre los elementos: html, body { margin: 0; padding: 0; } .padre .hijo { display: inline-block; padding: 5px; ...
Avatar del usuario Black Sheep
  • 13.6k
1 voto
3 respuestas
372 vistas

HTML se ve diferente entre firefox y chrome

El margin-top de los elementos internos de mi contenedor en Firefox no se ve, mientras que en Chrome sí se ve, dejo imágenes adjuntas: EL código es el siguiente: * { padding: 0; margin: 0; ...
Avatar del usuario ILION_2017
0 votos
1 respuesta
56 vistas

Hack responsive para M. Edge

pregunta corta. Este hack es para M. Edge @supports (-ms-ime-align:auto) { div { display:inline-flex; } } Como puedo usar este hack en responsive?. O sea que en @media este este ...
Avatar del usuario Dario B.
  • 455
0 votos
2 respuestas
3k vistas

Seleccionar cualquier hijo de un elemento css

¿Existe la posibilidad de seleccionar todos los hijos de un determinado elemento, a pesar de que estos sean diferentes? Pongo un código de ejemplo; <div id='contenedor'> <a href='#'>...
Avatar del usuario asantana o
3 votos
2 respuestas
5k vistas

Como aplicar en css3 bordes redondeado con degradado

Hola estoy queriendo aplicar a una caja bordes redondeados con degradados pero no logro hacerlo, si bien el degradado lo aplica los bordes no, quisiera que quedarancomo el ejemplo que adjunto ....
Avatar del usuario MarianoF
  • 559
2 votos
1 respuesta
2k vistas

Efecto Llenado CSS/Javascript [cerrada]

Necesito generar un efecto de llenado por CSS, CANVAS o SVG, que se realize sobre la imagen PNG que tengo. El llenado puede ser horizontal o vertical. Debe ser sobre la imagen. Actual Esperado : El ...
Avatar del usuario nawelittle
0 votos
1 respuesta
4k vistas

¿Como poner un margin y border-bottom a un etiqueta <tr>?

Trato de poner un margin y un border-bottom a la vez en una etiqueta <tr> pero no me funciona, logre poner el borde de la siguiente manera: border-collapse: separate; border-spacing: 0px 20px; ...
Avatar del usuario Samir Llorente
12 votos
1 respuesta
3k vistas

¿Qué es y para que se utiliza la especificidad de CSS?

He visto en muchos casos que hacen referencia a la especificidad de CSS cuando intento sobrescribir un estilo concreto de CSS. ¿Qué es realmente y para que se utiliza la especificidad de CSS?
Avatar del usuario Francisco Romero
0 votos
2 respuestas
448 vistas

Nuevas reglas css al finalizar una animación CSS3

Es posible que tras finalizar una animación personalizada con keyframes pueda cambiar las propiedades de un elemento (¿Es posible sin usar JS?). Por ejemplo, al finalizar una animación pasar a ...
Avatar del usuario Soy César Mora