Preguntas etiquetadas con css

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (entre otros) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en el habla o en otros medios.

9
Creando una caja de sombra CSS3 en todos los lados menos uno
Tengo una barra de navegación con pestañas donde me gustaría que la pestaña abierta tenga una sombra para diferenciarla de las otras pestañas. También me gustaría que toda la sección de pestañas tenga una sola sombra (ver la línea horizontal inferior) subiendo, sombreando la parte inferior de todas las pestañas …
115 html  css  shadow 
3
CSS: ¿opacidad de transición al sacar el mouse?
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } ¿Por qué esto solo anima la opacidad cuando me desplazo pero no cuando dejo el objeto con el mouse? Demostración aquí: …
12
¿Longitud del borde menor que el ancho div?
Tengo el siguiente código div { width:200px; border-bottom:1px solid magenta; height:50px; } MANIFESTACIÓN El ancho del div es 200px, por lo que el borde inferior también es 200px, pero ¿qué debo hacer si quiero que el borde inferior solo sea 100px sin cambiar el ancho del div?
115 html  css 
10
¿Qué es lo contrario de: hover (al dejar el mouse)?
¿Hay alguna forma de hacer lo contrario de :hover usar solo CSS? Como en: si :hoveres así on Mouse Enter, ¿hay un CSS equivalente a on Mouse Leave? Ejemplo: Tengo un menú HTML con elementos de lista. Cuando coloco el cursor sobre uno de los elementos, hay una animación de …
115 css  hover 
8
Mantenga la relación de aspecto de la imagen al cambiar la altura
Usando el modelo de caja flexible CSS, ¿cómo puedo forzar una imagen a mantener su relación de aspecto? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Observe que las imágenes se estiran o encogen para llenar el ancho del contenedor. Está bien, pero ¿podemos hacer que también se estire o encoja la altura para mantener …
114 html  css  flexbox 
5
Color del borde personalizado del triángulo CSS
Intento usar un color hexadecimal personalizado para mi triángulo CSS (borde). Sin embargo, dado que usa propiedades de borde, no estoy seguro de cómo hacerlo. Me gustaría mantenerme alejado de javascript y css3 simplemente por compatibilidad. Estoy tratando de que el triángulo tenga un fondo blanco con un borde de …
114 css  border  css-shapes 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.