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
80 votos
7 respuestas
6k vistas

Guías de estilo oficiales para HTML, CSS y Javascript

Según la Wikipedia, el estilo de programación es: Estilo de programación (también llamado estándares de código o convención de código) es un término que describe convenciones para escribir código ...
Avatar del usuario Shaz
  • 29.2k
77 votos
2 respuestas
130k vistas

¿Cual es la diferencia entre position: relative, position: absolute y position: fixed?

Sé que estas propiedades de CSS sirven para posicionar un elemento dentro de la página. Sin embargo, ¿cuándo debería usar cada una de ellas?
Avatar del usuario Francisco Romero
34 votos
4 respuestas
2k vistas

¿En qué casos se puede utilizar calc() en CSS?

Leí la documentación de calc() y entendí la sintaxis, pero al estar en CSS, donde no se ejecuta ningún código, no puedo hacerme la idea de cuándo se debería usar. El ejemplo paradigmático me suena ...
Avatar del usuario fedorqui
  • 16.7k
32 votos
2 respuestas
5k vistas

CSS: ¿Qué son los media queries, para qué sirven, cómo se agrupan y cómo implementarlos?

¿Qué @media queries utilizar para alcanzar los principales dispositivos tomando en cuenta las dimensiones y resoluciones de pantalla? ¿Cómo se da alcance a dispositivos por grupos (por ejemplo, todas ...
Avatar del usuario A. Cedano
  • 94.5k
27 votos
1 respuesta
7k vistas

¿Qué significa la arroba (@) en CSS?

En CSS podemos definir estilos para id's con la almohadilla (#) y para clases con el punto (.), pero hay algunas reglas que van precedidas por la arroba (@) como por ejemplo: @font-face { /* ...
Avatar del usuario Alvaro Montoro
  • 49.4k
24 votos
3 respuestas
2k vistas

Carousel - ¿Cómo evitar la selección de imagen y crear un moviento automático de izquierda y derecha y aplicar un scroll horizontal?

En StackOverflow Encontré varías preguntas sobre carousel entre otros temas basándose a mi pregunta. Preguntas muy útil como guía: Logo Carousel Carousel Script Move Scrollbar Move object ...
Avatar del usuario May
  • 583
23 votos
2 respuestas
353 vistas

En un html olvidé poner el DOCTYPE así que se agregaban más estilos de user agent a una tabla... ¿Por qué?

Estos estilos se agregaron a una tabla dentro de un html sin DOCTYPE
Avatar del usuario lugomezb
  • 373
21 votos
2 respuestas
3k vistas

Generar un grid con un div que ocupe más de una fila en Bootstrap 4

Estaba utilizando una versión 3 de Bootstrap. Ahora que actualicé a la versión 4 tengo el siguiente problema: Me funcionaba con Bootstrap 3 (ver en página completa): .titulo { height: 200px; ...
Avatar del usuario carlos lopez
21 votos
3 respuestas
2k vistas

¿Cómo hacer un cilindro con css?

Estoy utilizando HTML y CSS para aprender/practicar transformaciones 2D y 3D y para ello estoy dibujando una pila 9v tridimensional (porque es sencilla y cuadradita). Hasta ahora todo ha sido sencillo ...
Avatar del usuario Alvaro Montoro
  • 49.4k
20 votos
3 respuestas
2k vistas

Actualizar texto dependiendo de valores seleccionados en una lista *SIN JAVASCRIPT*

En el trabajo nos encontramos con un problema interesante: tenemos una página con una lista desplegable que, cuando cambia la opción seleccionada, actualiza los valores de una seria de elementos a ...
Avatar del usuario Alvaro Montoro
  • 49.4k
19 votos
3 respuestas
4k vistas

¿Cómo puedo crear un checkbox con 3 estados (true, null, false) con bootstrap?

Como utilizo bootstrap me busqué este estilo para realizarlo más amigable al usuario, puesto que en ellos represento botones con estados true y false. Lo realizo de la siguiente manera: $(...
Avatar del usuario bypabloc_
  • 1,895
17 votos
2 respuestas
1k vistas

¿Hay alguna forma de provocar dos cambios pulsando en un único label?

He estado haciendo pruebas con HTML y CSS para crear un juego de mesa simple sin utilizar JavaScript. Uso labels y radio buttons para crear los diferentes estados y simular la lógica para que cada ...
Avatar del usuario Alvaro Montoro
  • 49.4k
16 votos
5 respuestas
418 vistas

¿Cómo solucionar errores en los enlaces?

Cómo puedo evitar que sobre salga y se encime sobre otros enlace cuando existe un titulo de enlace demasiado largo y conservar la distancia de los enlace de Vista previa y el tiempo 02:20 del audio &...
Avatar del usuario J. Mick
  • 103
13 votos
5 respuestas
8k vistas

Selector para todos los elementos menos el primero

Tengo 11 elementos p con la clase title p.title ¿ Cual sería el selector para añadir estilos a todos los p.title menos al primero ? Podría seleccionar todos los demás con nth-child() y sus números ...
Avatar del usuario David
  • 1,313
13 votos
1 respuesta
613 vistas

Transition en CSS

Lo que trato de hacer es quede una sombra de fondo que pase de izquierda a derecha. El background lo que hace es darle otro color de fondo, pero en vez de que aparezca , que se mueva. modifique todo. ...
user avatar
12 votos
2 respuestas
1k vistas

Cambiar propiedades del elemento anterior solamente con CSS

Tengo dos elementos div, lo que quiero conseguir es que al pasar con el ratón sobre el primer elemento se cambie el color del segundo, y al pasar sobre el segundo se cambie el color del primero. No se ...
Avatar del usuario Juaqui
  • 327
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
12 votos
1 respuesta
286 vistas

¿Como poner border shadow a una imagen cuando le clickas?

Estoy haciendo un formulario para seleccionar el tipo de tarjeta a la hora de pagar y quiero que cuando seleccionen la imagen del tipo de tarjeta se le marque con un sombreado alrededor. mi template ...
Avatar del usuario F Delgado
  • 1,202
11 votos
1 respuesta
4k vistas

Efecto "Pulso" en CSS3

Hola, estoy intentado lograr un efecto de "Pulso" sobre un circulo, usando solo CSS3 puro. Abajo dejo un ejemplo de lo esperado. Es posible? Esperado Actual #circle { width: 70px; height: ...
Avatar del usuario nawelittle
10 votos
1 respuesta
5k vistas

Como asignar a un mismo elemento, dos animaciones CSS3

Estoy intentando hacer una animación de un div que los primeros 2 segundos aparezca y se posicione en el centro de la pagina y una vez terminado esta animación, que ejecute una segunda animación que ...
Avatar del usuario PictorGames
9 votos
3 respuestas
411 vistas

Selección de un texto [cerrada]

¿Qué debo hacer para que cuando un usuario seleccione un texto de mi página, salga de otro color en vez del color normal (azul y las letras blancas)?
Avatar del usuario rhssr
  • 117
9 votos
4 respuestas
6k vistas

Detectar si la orientación es vertical u horizontal

Quiero aplicar diferentes estilos CSS dependiendo de si la orientación del dispositivo es vertical (modo retrato o portrait) u horizontal (modo apaisado o landscape). ¿Se puede lograr sólo con CSS? ¿...
Avatar del usuario Alvaro Montoro
  • 49.4k
9 votos
1 respuesta
551 vistas

chrome no reconoce justify-self: center

Buen dia, Estoy usando la grid de css por primera vez y en mozilla todo perfecto, pero en chrome no me toma el justify-self. Ahi alguna compatibilidad que no conozca?? Paso el codigo para que vean ...
Avatar del usuario Fernanda
  • 345
9 votos
3 respuestas
2k vistas

¿Cómo obtener el máximo z-index de los elementos de una pagina?

Estoy armando una pequeña librería de notificaciones flotantes en la pagina y me surgió la duda al problema, dado que en la pagina donde la usare existen diversos elementos flotantes como modales y ...
Avatar del usuario Ricardo D. Quiroga
9 votos
2 respuestas
2k vistas

¿Cómo generar un texto con degradado y sombra con CSS?

mi pregunta es sencilla, querría saber si existe alguna forma de rellenar la propiedad content con el contenido del elemento en cuestión. Os dejo aquí un ejemplo: .saludo::before { content: ...
Avatar del usuario Saul
  • 135
9 votos
2 respuestas
1k vistas

Aumentar el ancho a los gráficos width - angular

disculpen tengo un problemilla, tengo dos graficos highchart que quiero mostrar la mitad y mitad, he notado que cuando coloco fxLayout y fxFlex , los graficos se reducen a pequeño y quisiera que ...
Avatar del usuario PieroDev
  • 1,990
9 votos
1 respuesta
1k vistas

¿Cuál es la diferencia entre :before y ::before?

En varios ejemplos en internet he encontrado que utilizan a veces :before y otras veces ::before div::before { content: 'bla '; } div:before { content: 'bla '; } Los probé ambos y siempre me ...
Avatar del usuario Andrea
  • 123
9 votos
2 respuestas
664 vistas

Modificar lado de crecimiento `width` con `transition` dependiendo de la cercanía al borde derecho de la pantalla `css3`

Genero las listas con css3 de esta manera: .list-contenedor { max-width: 400px; min-width: 150px; height: 50px; position: unset; font-size: 10pt; } .list-maquina { position: relative; ...
Avatar del usuario Legna
  • 6,611
8 votos
5 respuestas
90k vistas

¿Cómo aplicar una capa oscura transparente a una imagen de fondo?

Estoy tratando de aplicar un color negro transparente a una imagen de fondo para evitar colores fuertes o muy llamativos. Sin necesidad de tener que editar la imagen con algún programa en especial. ...
Avatar del usuario Otto
  • 300
8 votos
2 respuestas
13k vistas

Como rotar 180 grados horizontalmente un div

tengo un simple ejemplo de un div, el cual quiero rotarlo 180 grados Horizontalmente, mi ejemplo gira verticalmente lo cual no quiero <!DOCTYPE html> <html> <head> <style&...
Avatar del usuario hubman
  • 2,724
8 votos
2 respuestas
18k vistas

¿Cómo puedo colocar texto encima de una imagen responsiva? [duplicada]

Necesito colocar texto encima de una imagen que es responsiva (estoy usando bootstrap 4). Pero el texto me queda por fuera, intento replicar esta carta (las figuras que están por fuera no). El texto ...
Avatar del usuario Alex Hunter
8 votos
2 respuestas
36k vistas

¿Cómo insertar un gráfico en un elemento Input?

Este elemento Input lleva incluida una lupa como gráfico. He probado con Bootstrap varias maneras, pero siempre deja la lupa fuera del elemento input. También he pensado en añadir el gráfico como ...
user avatar
8 votos
2 respuestas
635 vistas

¿Cómo ejecutar plugin/librería al cambiar de vídeo?

Al ejecutar el código el plugin videoJS reemplaza el reproductor de vídeo de HTML5, ya la verdad muy contenta, me decía entre mi lo logre. Pero al dar clic en el siguiente vídeo incluso volviendo al ...
Avatar del usuario Lou
  • 404
8 votos
2 respuestas
1k vistas

¿Cómo adaptar controles personalizados en vídeo media player - jQuery?

Estoy implementando un diseño de controles de vídeos personalizados, teniendo algo de errores en adaptarlo existe un desorden en el diseño. Cómo puedo adaptar el diseño responsiva y estructurarlos de ...
Avatar del usuario So12
  • 131
8 votos
1 respuesta
1k vistas

¿Cómo hacer secciones irregulares con div?

Tengo que hacer secciones en una web con divs, tienen que ser irregulares, (adjunto la imagen de ejemplo ---> hay que tener en en cuenta que encima van imágenes y textos, mejor ver la imagen que el ...
Avatar del usuario Elena Menéndez
8 votos
2 respuestas
345 vistas

CSS condicional al idioma

Cuando se incluye una hoja de estilos CSS, se puede especificar directamente en la etiqueta link la media query con la condición que debe cumplirse para que se apliquen esos estilos: <link rel="...
Avatar del usuario Alvaro Montoro
  • 49.4k
8 votos
4 respuestas
39k vistas

¿Como puedo alinear algunos componentes de un navbar de bootstrap3 a la izquierda y otros a la derecha?

Partiendo de un navbar de Bootstrap estándar necesitamos que algunos botones o links estén alineados a la izquierda, otros al centro (por ejemplo: nuestro icono brand) y otros a la derecha. Esto fue ...
Avatar del usuario Alan
  • 2,272
8 votos
1 respuesta
122 vistas

Mi animación no funciona en la última sección de mi proyecto

Estoy haciendo como mi primer portafolio donde tiene varias secciones, las cuales son: About Me (información sobre mí) Proyectos Grilla de contacto Lo que intento hacer, con JS Y CSS, es que a ...
Avatar del usuario FERRE FACU
7 votos
4 respuestas
2k vistas

¿Cómo mostrar una imagen cuando me apoyo en un div?

Tengo un div con ancho y largo fijo. Lo esperado sería que al pasar sobre este div, se muestre una imagen con una transición en una posición absoluta definida. Estoy usando solo CSS3 y Html. ...
Avatar del usuario nawelittle
7 votos
3 respuestas
1k vistas

¿Hay alguna diferencia entre left y margin-left?

Me gustaría saber cual es la diferencia, si existe alguna, entre left y margin left o right y margin right en CSS. ¿Puede ser que la diferencia esté que uno es CSS y otro CSS3?
Avatar del usuario largoWinch
7 votos
1 respuesta
4k vistas

¿Cómo detectar si el dispositivo es iPhone con CSS?

Tengo un sitio web que se ve perfectamente en un ordenador de escritorio y en dispositivos Android, pero parte del CSS (p.e. background-attachment:fixed con background-size:cover) no es "compatible" ...
Avatar del usuario Alvaro Montoro
  • 49.4k
7 votos
3 respuestas
2k vistas

¿Cómo hacer para que una frase no se corte, fracture o divida en CSS?

Supongamos que tenemos que mantener sí o sí juntas unas frases, ya sea porque son importantes para el marketing o por que es el nombre de la marca. ¿Cómo haría para que estas frases no se corten al ...
Avatar del usuario joedossman
7 votos
2 respuestas
64k vistas

Cambiar color de una imagen con css

Estoy usando los iconos de jquery ui en una página, sin embargo me surgió la duda si se puede cambiar el color de los iconos solo con css, es decir: para cambiar el color de los iconos de jquery ui es ...
Avatar del usuario Juan Pinzón
  • 9,298
7 votos
1 respuesta
161 vistas

Propiedades definidas en, #id vs .clase

Tengo una duda en el uso de div y .class. Tengo un documento HTML5 con varios div. La cuestión es que el div tiene unas propiedades CSS definidas y yo pretendo modificarlas mediante una clase. Al ...
Avatar del usuario Hugo
  • 311
7 votos
8 respuestas
37k vistas

Ocultar barra de scroll sin deshabilitarlo

Quisiera encontrar la manera de ocultar la barra de scroll en el navegador. He probado lo siguiente: <style type="text/css"> body { overflow:hidden; } </style> Pero seteando ...
Avatar del usuario FABIAN  AGUILAR
7 votos
2 respuestas
2k vistas

¿Cómo dar movimiento a una forma con Javascript y CSS?

Buenas noches estoy tratando de dar animación (que se mueva en su mismo sitio, solo ROTACIÓN no traslación) a un circulo con javascript y css pero no tengo idea. Hasta ahora solo tengo la esfera. ...
Avatar del usuario César Rodríguez Reyes
7 votos
2 respuestas
1k vistas

¿Cómo funciona la alineación horizontal y vertical en las cajas flexibles?

CONTEXTO: En el contenedor flexible tenemos dos ejes, el eje principal y el eje transversal: PREGUNTAS: ¿Cómo es posible alinear los elementos flexibles en el eje horizontal? ¿Cómo es posible ...
Avatar del usuario Ricky Ruiz
7 votos
3 respuestas
4k vistas

¿Cómo poner una imagen de fondo con un degradado en css?

Hola alguien sabe como poner un fondo degradado con una imagen (en png) en css?. Buscando en internet escontre este código: background: red url(./../images/fondo-patron.png) no-repeat bottom center; ...
Avatar del usuario Diego Diaz
7 votos
3 respuestas
29k vistas

Añadir borde alrededor de texto

Para añadir borde a texto y títulos, estoy usando text-shadow y añadiendo múltiples sombras para simular ese efecto: div { font-family:verdana; font-size:50px; color:white; text-...
Avatar del usuario Alvaro Montoro
  • 49.4k
7 votos
1 respuesta
2k vistas

Duda básica con margin. Padre e hijo css

Sé como solucionarlo, pero mi duda va en el por qué pasa esto. Tengo un section Padre y dentro un div Hijo. La cosa es que al colocar margin:20px en el hijo, Se le aplica un margin a todo, no solo al ...
Avatar del usuario Ralexhx
  • 399

1
2 3 4 5
37