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.

435 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
49 vistas

Porque al haer zoom se disminuyen de tamaño todos los elementos más no la rana

<!-- language: lang-css --> .globalWrapper { width: 1024px; background-color: #DFAFF9; width: 100%; margin-left: auto; margin-right: auto; padding-top: 10px; padding-...
Avatar del usuario García Henry
0 votos
2 respuestas
47 vistas

Sobre animacion css3

Resulta que estoy haciendo una pagina html con el framework animate.css y bootstrap4. Tengo un div al cual le he agregado una animacion pero quiero que esta se repita cada vez que se observa el ...
Avatar del usuario Diego Monsalve
0 votos
1 respuesta
58 vistas

Ayuda con esta imagen no se ajusta al div

No puedo hacer que esta imagen se acomode este es código css que tengo. lo selecionado es el codigo html de la parte donde esta la imagen CSS .login100-form-title { width: 100%; position: ...
Avatar del usuario Rogelio
0 votos
0 respuestas
48 vistas

duda sobre display table

hola chicos tengo el siguiente codigo: section #info_usuario.conversacion{ border: 3px solid #2856b6; padding: 0px; text-align: left; } section #info_usuario.conversacion h3{ ...
user avatar
0 votos
1 respuesta
88 vistas

Tengo problemas visualizando la página que estoy desarrollando

Cuando visualizo en mi laptop lo que estoy haciendo, en Chorome o Mozilla, veo algo diferente que si lo veo en otra laptop. En la mía se ven reglas de estilo que ya he borrado y para cuando quiero ...
Avatar del usuario Olga L. V.
0 votos
0 respuestas
37 vistas

Problemas con sombra en un div utilizando transition

Tengo un problema con la visualización con una sombra sobre un div. Detalle el codigo en un codepen Codepen Que estoy haciendo mal? Edit: En chrome lo visualizo asi Al parecer es un bug de ...
Avatar del usuario Seba Ortiz
0 votos
1 respuesta
84 vistas

¿Porque mi galería de imágenes funciona en desktop pero no en modo responsivo?

Actualmente tengo una galería de imágenes que funciona perfectamente cuando la visualizo mediante una pantalla de pc o laptop e inclusive una tablet, pero el problema viene cuando quiero visualizarla ...
Avatar del usuario David
  • 3,002
0 votos
2 respuestas
720 vistas

Estilo para el div que contiene un button con estilo

Bueno el problema que tengo es que el submit queda muy abajo, como pueden ver en las fotos, y lo que quiero es que quede debajo del "Previous" Css /* To change this license header, choose License ...
Avatar del usuario Andrés Vélez
0 votos
0 respuestas
221 vistas

¿Que hacer para que el texto y los elementos no se desborden en html5, css3 y bootstrap?

Estoy realizando un pequeño sistema en HTML5, CSS3,JS,PHP y BOOTSTRAP, el cual quiero que el texto se escale al tamaño de la pantalla. Entiendo que BOOTSTRAP hace que el sitio se haga responsive, ...
Avatar del usuario Ferny Cortez
0 votos
0 respuestas
264 vistas

Piramide 3D con CSS

Necesito crear esta figura con CSS. Teniendo en cuenta que deben ser 3 elementos diferentes para poder trabajar sobre cada uno independientemente. Tengo conocimientos para crear un trangulo pero estoy ...
Avatar del usuario Gaston Coroleu
0 votos
2 respuestas
149 vistas

Dropdown sin funcionar y containerfluid que no debería tener márgenes con Bootstrap4

Mi problema es que en el navbar, el dropdown no me está funcionando y no entiendo por qué si lo estoy haciendo igual a la documentación. Me funcionó hace 1 hora y ahora no Y el otro problema es que ...
Avatar del usuario Victor Escalona
0 votos
0 respuestas
253 vistas

¿como desvanecer la primera barra, con media query, manteniendo el fixed-top, de la barra de navegación de abajo?

Así esta la primera barra <div class="row social"> <div class="col-xs-12 col-sm-3"></div> <div class="col-xs-12 col-sm-3"></div> ...
Avatar del usuario Mauricio Rivas
0 votos
0 respuestas
57 vistas

Problemas con Media Screen CSS3

Se decidió optar por descargar una plantilla HTML5 y adaptarla,al momento de editar nos dimos cuenta que hay secciones que ignoran los @media screen inferiores y solo toman el último, es decir si ...
Avatar del usuario ESTUARDO RAMOS
0 votos
0 respuestas
110 vistas

Efecto blur sobre menu overlay

Alguien sabe como hacer un menu overlay, que cuando le de click, el fondo tenga un efecto blur. Ejemplo menu overlay, coloco en la clase overlay rgba(0,0,0,0.5), pero si coloco sobre esta clase ...
Avatar del usuario Gonzalo Pabon
0 votos
1 respuesta
88 vistas

onsen ui no centra toolbar cordova android

Hay un espacio arriba del tituto y de el boton de menú que no se muestra en el navegador. export default { name: 'home', data () { return { msg: 'Welcome', essentialLinks:...
Avatar del usuario Wilberth Loría
0 votos
0 respuestas
378 vistas

Efecto parallax pero con cabecera y menús fijos

Tengo una cabecera y un menú que quiero que estén fijados a la parte de arriba. Luego, quiero poner una serie de fotos que ocupen toda la pantalla y vayan pasando de una a otra con el efecto parallax ...
Avatar del usuario MeN
  • 113
0 votos
1 respuesta
112 vistas

¿Como puedo estilizar una grilla de productos que estan sobre distintas listas con CSS puro?

Necesito estilizar una grilla de productos para una tienda, la grilla deberia ser responsive, y a medida que la pantalla se achica, la cantidad de productos (de tamaño fijo) debe ir disminuyendo (...
Avatar del usuario Alejandro Lariccia
0 votos
1 respuesta
493 vistas

¿Cómo conseguir que dos Divs se desplacen a diferente velocidad al hacer scroll?

Estoy trabajando en una web y necesitaría conseguir el siguiente efecto al hacer scroll. Tengo dos contenedores, uno con imágenes y otro con texto que se superpone al primero. Hasta aquí todo bien. La ...
Avatar del usuario Mahenstinfor
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
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
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
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
31 vistas

Problemas con galeria en jquery

Hola estoy haciendo una galería, que contiene información e imagen. Estas 6 columnas poseen contenido oculto que al clickear se expande y muestra la información de dicha ficha. A estas imágenes en su ...
Avatar del usuario MarianoF
  • 559
0 votos
1 respuesta
332 vistas

¿Como puedo poner un enlace dentro de JavaScript?

Quisiera declarar un enlace dentro de un JavaScript <a href="#"></a>, tengo los siguientes datos que mando llamar: <script> var plant = [ {nomb: "ESCUELA 1", dirc:"CENTRO, ...
Avatar del usuario R.C. Ana
  • 295
0 votos
0 respuestas
43 vistas

Problemas con estructura de Bootstraps con fondos al 100%

.left .bg-nacimiento { background: #00c4c4; right: 0; height: 204px; position: absolute; top: 0px; width: 100%; width: 52vw; z-index: -1; } .left .bg-guiness{ ...
Avatar del usuario MarianoF
  • 559
0 votos
0 respuestas
35 vistas

¿Cuál sería la máxima dimensión de las imágenes para cada caso particular?

¿A qué me refiero? Yo estoy haciendo un juego en ASP.NET. Cada página aspx la estoy llenando de imágenes: Imagen de fondo (full size) Imagen al costado arriba Imagen arriba en el medio (tipo titulo) ...
Avatar del usuario Oren Diaz
  • 704
0 votos
0 respuestas
121 vistas

Plantilla en html5 : no aparecen los iconos

Acabo de descargar una plantilla en HTML5y me estoy dando cuenta que los iconos en CSS no aparecen en mi versión de la Web en local, pero si pilla los estilos, por ejemplo esto es un captura de la web ...
Avatar del usuario JoCuTo
  • 894
0 votos
4 respuestas
34 vistas

Por qué el menú siempre queda mas abajo?

Tengo un menú escrito en HTML y CSS3, el problema es que este SIEMPRE queda como si tuviera padding o top, por qué ocurre esto y como arreglarlo? #menu a { text-decoration: none; font-...
Avatar del usuario ESCM
  • 5,030
0 votos
0 respuestas
61 vistas

Consulta técnica sobre armado de sección en Bootstrap

Estoy armando un maquetado de esta PAGINA WEB y estoy teniendo problemas en la sección de las cuatro imágenes (donde dice "viajá por Argentina") que se encuentra en la parte media del maquetado, el ...
Avatar del usuario MarianoF
  • 559
0 votos
1 respuesta
213 vistas

¿Cómo crear a un div bordes laterales de 80% y centrarlo verticalmente?

Necesito crear un elemento que tenga la siguiente forma Un div con borders laterales de aproximadamente 80% del tamaño del div y centrado verticalmente
user avatar
0 votos
0 respuestas
825 vistas

crear borde al final de la imagen dentro de un carousel

estoy tratando de colocar un borde de color azul al final de las imagenes que se encuentran dentro del carousel, pero no he podido, este es mi codigo html del carousel. como podria agregar dicho ...
Avatar del usuario Ricardo Roa
0 votos
1 respuesta
1k vistas

Como hacer que la barra de navegación no se coma la parte superior de la pantalla

Buenas! He creado una barra de navegación para mi página vertical, el problema es que como se ve en la siguiente foto, al enlazarme a las secciones, la barra se come parte de dicha sección. Le he ...
Avatar del usuario Lleims
  • 3,099
0 votos
1 respuesta
184 vistas

¿Cuales son los prefijos CSS3 que en la actualidad aun se requieren para algunas propiedades?

He agregado el paquete auto-prefixer a mi editor de código atom, para que me inserte todos los prefijos correspondientes de las propiedades css3 de forma automática. Pero mi duda viene a raíz de que ...
Avatar del usuario edu
  • 1
0 votos
1 respuesta
63 vistas

¿Qué propiedades cumplen la misma función que objet-fit aplicada a un video pero para IE?

=========================================================================== YA QUEDÓ, GRACIAS En el banner del sitio web que estoy haciendo coloqué un vídeo, esta llenando un div con la mismas ...
Avatar del usuario Angel Rivas
0 votos
2 respuestas
115 vistas

Caja flexbox al centro InternetExplorer (11)

Intento alinear una caja en la que uso FlexBox y la tengo bien alineada en todos los navegadores en los que he probado (Chrome - Firefox - Opera). Pero en internet explorer 11 (edge sin problemas) me ...
Avatar del usuario Marcos
  • 400
0 votos
0 respuestas
87 vistas

Display:column no funciona en Safari

Intento hacer unas cajas flex pero me doy cuenta que en Safari en el móvil no me funciona, me mueve la primera caja hacia arriba del contenedor. Tengo la siguiente estructura: <article class="...
Avatar del usuario Marcos
  • 400
0 votos
2 respuestas
1k vistas

Efecto visual en barra de navegacion web

Necesito de su asesoría para lograr conseguir el siguiente efecto visual de la siguiente barra de navegación. Lo que quiero es lograr es que los links de la barra de navegación tengan un alto menor ...
Avatar del usuario Axel Drake
0 votos
2 respuestas
217 vistas

Link padre en menú desplegable

tengo la siguiente estructura para un menú desplegable: <li class="dropdown"> <ul class="submenu text-center"> <li>... </li> <li> ...</li> &...
Avatar del usuario miaweb
  • 41
0 votos
0 respuestas
55 vistas

Problema con rutina de jQuery para mostrar contenido con botones

Tengo dos botones en donde debería apretar y que me muestre tres botones más que están ocultos más una de la información de cada botón. Mi idea es que cuando abra la sección me muestre el contenido ...
Avatar del usuario Mariano
  • 121
0 votos
2 respuestas
66 vistas

trabajar con responsive. en local se ve de una forma y en cell de otra

Buenos amigo tengo una indeligencia diagramando con CSS. Que pasa... tengo dos archivos css uno para el responsive y otro para el normal algo asi. style-index.css: para el archivo de laptop y r-...
Avatar del usuario wilson
  • 31
0 votos
1 respuesta
754 vistas

no me sale el menu, no se aplican los estilos css a imagen en navegadores android

Hola en mi portatil se ve bien la web. y si redimensiono la web a resolucion movil se ve también bien. pero cuando subo al ftp la web y la veo desde mi movil muchas cosas no funcionan como el menu, el ...
Avatar del usuario Rafael Hernández
0 votos
1 respuesta
578 vistas

iconos con fontawesome no cargan los estilos css en navegadores android

Tengo estos iconos que en pc se ven bien pero en android no me cogen los estilos. también una imagen en parallax no aparece y el menú no aparece, estoy usando modernizr y no se si el fallo esta aquí o ...
Avatar del usuario Rafael Hernández
0 votos
0 respuestas
86 vistas

Problema al mostrar menú después de añadir CSS

Tengo el siguiente código que funciona correctamente, el problema es que no me funcionan los enlaces del menú y no entiendo muy bien porque solo le agregué estilos a la etiqueta nav. No entiendo por ...
Avatar del usuario simon
  • 2,427
0 votos
1 respuesta
42 vistas

¿Cómo puedo gestionar selectores en función de un evento?

Me gustaría gestionar en CSS3 varios selectores dependiendo de un evento sin que el nodo en el que ocurra el evento sea el padre. Por ejemplo, digamos que si yo hago un hover sobre un enlace, otro ...
Avatar del usuario juan antonio cubero lopez
0 votos
1 respuesta
34 vistas

Algo extraño pasa entre mi classe y psuedo elemento respecto al posicionamiento

tengo un problema on unas coordenadas entre el objeto que tengo como clase y el pseudoelemento o clase hijo en mi codigo css. <!DOCTYPE html> <html> <head> <meta charset="utf-...
Avatar del usuario Carlos Alvarez
0 votos
2 respuestas
346 vistas

Problema Respuesta mensaje formulario php

Tengo un formulario que me responde con un mensaje de bienvenida, pero ese mensaje de bienvenida no me aplica ningún estilo y no sé cómo ponerlo ni dónde está el fallo. Este es mi código: if(mail($...
Avatar del usuario alfonso Perez
0 votos
3 respuestas
803 vistas

Problema de compatibilidad con box-shadow

La sombra de los div se visualiza de distinta forma en safari y en chrome. ¿Me falta algún tipo de prefijo? Le he dado muchas vueltas y no encuentro la solución para que la sombra también se ...
Avatar del usuario Marqu3s10
0 votos
1 respuesta
309 vistas

Incompatibilidad de navegadores de web diseñada en bootstrap

Tengo una web diseñada en bootstrap. Al abrir la página en chrome funciona correctamente. Pero con internet explorer, nada que ver. Cómo consigo mantener los colores de los textos y los colores de las ...
Avatar del usuario miaweb
  • 41
0 votos
2 respuestas
252 vistas

No consigo hacer una transición al mostrar elemento

Buenas, Tengo un pequeño script que me muestra la cabecera de la web (menú) al hacer scroll hacia arriba. Cuando eso ocurre añado una clase con la posición fixed, sin embargo soy incapaz de agregar ...
user avatar
0 votos
1 respuesta
308 vistas

diferencia entre .classList y .class

Este codigo es un progress-step para que se quede marcado voy eliminando la clase btn-default e insertando la clase btn-primary pero cuando agrego la clase porque me muestra undefined? y cuando usao ....
Avatar del usuario hubman
  • 2,724