css3

Cómo voltear la imagen de fondo usando CSS?

¿Cómo voltear cualquier imagen de fondo usando CSS? Es posible? Actualmente estoy usando esta imagen de flecha en un backgr ... para hacer otra imagen de arrow PERO Solo tengo curiosidad por saber si es posible voltear la imagen en CSS para :visited

Compilación menos agresiva con CSS3 calc

Los compiladores Menos que estoy usando (OrangeBits y dotless 1.3.0.5 ) están traduciendo agresivamente body { width: cal ... s compiladores y no pude encontrar nada. ¿El compilador Less o Less soporta esto? Si no, ¿hay un extensor CSS que lo haga?

¿Por qué z-index no funciona?

Así que si entiendo z-index correctamente, sería perfecto en esta situación: Quiero colocar la imagen inferior (la etique ... image tag/card O z-index:100 // on the div above Tampoco funciona. Tampoco una combinación de nada como esto. ¿Por qué?

¿Cómo tener varias transiciones CSS en un elemento?

Es una pregunta bastante sencilla, pero no puedo encontrar muy buena documentación sobre las propiedades de transición de CSS ... bra de texto se animará, pero no el color. ¿Cómo puedo hacer que ambos se animen simultáneamente? Gracias por las respuestas.

CSS - ¿Cómo Diseñar una Etiqueta de Botones de Opción Seleccionada?

Quiero añadir un estilo a la etiqueta seleccionada de un botón de opción: HTML: <div class="radio-toolbar"> <labe ... olbar label + input[type="radio"]:checked { background:pink !important; } ¿Alguna idea de lo que estoy haciendo mal?

Deshabilitar / desactivar transiciones CSS3 heredadas

Así que tengo las siguientes transiciones css adjuntas al elemento a: a { -webkit-transition:color 0.1s ease-in, back ... stas transiciones heredadas en elementos a específicos? a.tags { transition: none; } No parece estar haciendo el trabajo.

¿Cómo mostrar una lista desordenada en dos columnas?

Con el siguiente HTML, ¿cuál es el método más fácil para mostrar la lista como dos columnas? <ul> <li>A</ ... t;li>E</li> </ul> Pantalla deseada: A B C D E La solución necesita poder funcionar en Internet Explorer.

¿Cómo puedo añadir una sombra de caja en un lado de un elemento?

Necesito crear una sombra de caja en algún elemento block, pero solo (por ejemplo) en su lado derecho. La forma en que lo hag ... parte vertical de la sombra. Exactamente lo mismo que haría repeat-y de la regla background:url(shadow.png) 100% 0% repeat-y.

Colocar el borde dentro del div y no en su borde

Tengo un elemento <div> y quiero ponerle un borde. Sé que puedo escribir style="border: 1px solid black", pero esto ag ... Hay alguna manera de que pueda hacer que aparezca el borde y asegurarme de que la caja siga siendo 100px (incluido el borde)?

Chrome / Safari no llena la altura del 100% de flex parent

Quiero tener un menú vertical con una altura específica. Cada hijo debe llenar la altura del padre y tener texto alineado en ... tem"> <div class="item-inner"> <a>Button</a> </div> </div> </div>

Flexbox no da la misma anchura a los elementos

Intentar un flexbox nav que tenga hasta 5 elementos y tan poco como 3, pero no está dividiendo el ancho por igual entre todos ... <li data-tab="3">Peanut Butter</li> <li data-tab="4">Fish</li> </ul> </div>

¿Cómo alinear verticalmente el texto dentro de un flexbox?

Me gustaría usar flex box para alinear verticalmente algún contenido dentro de un <li> pero no teniendo gran éxito. He ... ; background: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul>

vertical-alinear con Bootstrap 3

Estoy usando Twitter Bootstrap 3, y tengo problemas cuando quiero alinear verticalmente dos div, por ejemplo - JSFiddle link: ... no funciona. Intenté usar margin-top para arreglarlo, pero creo que esta no es una buena solución para el diseño responsivo.

¿Cómo mantengo dos divs uno al lado del otro de la misma altura?

Tengo dos divs uno al lado del otro. Me gustaría que la altura de ellos sea la misma, y permanecer igual si uno de ellos camb ... #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div>

¿Hay alguna forma de cambiar el formato input type="date"?

Estoy trabajando con elementos HTML5 en mi página web. Por defecto la entrada type="date" muestra la fecha como YYYY-MM-DD. La pregunta es, ¿es posible cambiar su formato a algo como: DD-MM-YYYY?

Crear un Menú Radial en CSS

¿Cómo puedo crear un menú que se parece a esto... Enlace a PSD No quiero usar las imágenes PSD. Preferiría usar iconos d ... el menú que está utilizando el PSD para generar imágenes de la información emergente y luego usarlo se puede encontrar aquí.

¿Cómo centrar un elemento horizontal y verticalmente?

Estoy tratando de centrar el contenido de mis pestañas verticalmente, pero cuando agrego el estilo css display:inline-flex, l ... lt;div id=tabs> <div>first</div> <div>second</div> </div> </div>

¿Cómo puedo seleccionar todos los hijos de un elemento excepto el último hijo?

¿Cómo seleccionaría todo menos el último hijo usando los selectores CSS3? Por ejemplo, para obtener solo el último hijo sería div:nth-last-child(1).

¿Pueden las consultas de medios cambiar el tamaño en función de un elemento div en lugar de la pantalla?

Me gustaría usar media queries para cambiar el tamaño de los elementos en función del tamaño de un elemento div en el que se ... ño puede variar. Actualizar Parece que se está trabajando en esto ahora: https://github.com/ResponsiveImagesCG/cq-demos

Cómo agregar una información sobre herramientas a un div

Tengo una etiqueta div de la siguiente manera: <html> <head></head> <body> <div& ... ntas en :hover el div. ¿Alguien puede ayudarme? La información sobre herramientas también debe tener un efecto fade in / out.