css3

Hacer columna posición fija en bootstrap

Usando Bootstrap, tengo una columna de cuadrícula class="col-lg-3" que quiero colocar en posición:fijo mientras que el otro . ... LifeHacker.com Verás que la parte izquierda está fija sin embargo me desplazo a través de la página. Uso bootstrap v3.1.1

¿Cómo puedo hacer que mi diseño flexbox ocupe 100% de espacio vertical?

¿Cómo puedo saber que una fila de diseño flexbox consume el espacio vertical restante en una ventana del navegador? Tengo u ... ndo, porque el contenido no está llenando la ventana del navegador, pero ¿puedo replicar la idea usando el diseño de flexbox?

css3 nth del tipo restringido a la clase [duplicado]

Esta pregunta ya tiene una respuesta aquí: ¿Puedo combinar :nth-child() o :nth-of-type() con un selector ... padding-right:0; background:red; } .featured.video { width:auto; padding:0 0 2em 0; float:none; }​

Problema al centrar verticalmente con flexbox cuando se desconocen las alturas

Mi diseño tiene un contenedor flex-container y un hijo. HTML: <div class="flex-container"> <div>text</di ... t;/div> Codepen: http://www.codepen.io/ces/pen/sGtfK Esquema: ¿Hay alguna forma de resolver este problema?

La propiedad CSS Animation permanece después de la animación

Estoy tratando de obtener una propiedad de animación CSS para permanecer después de completar, ¿es esto posible? Esto es lo ... lt;/h2> <script> $(document).ready(function(){ $('h2').hide().delay(3000).fadeIn(3000) }); </script>

Transición CSS con visibilidad no funciona

En el violín a continuación, tengo una transición sobre visibilidad y opacidad por separado. Por otra parte, en caso de visib ... lity:visible; } Caso 2: #inner1{ opacity:0; transition:opacity 1000ms; } #outer1:hover #inner1{ opacity:1; }

¿Por qué se necesita translateY (-50%) para centrar un elemento que está en la parte superior: 50%?

Puedo ver que este código funciona para alinear un div verticalmente dentro de su elemento padre: .element { position: re ... negativo cuando el elemento padre se establece en margin: 0;? Es debido a un margen calculado que no estoy tomando en cuenta?

Crear un diseño de rayo (como el Flash)

Estoy tratando de recrear el símbolo lightning bolt de Flash (DC Comics) (o la camiseta usada por Sheldon Cooper de Big Ban ... no he sido capaz de aprende esto debido a las restricciones de tiempo, así que prefiero usar' lo que sé usar', que es, CSS)

Bootstrap 3 no puede mostrar glyphicon correctamente

Estoy migrando de bootstrap 2.3 a bootstrap 3 y todo funciona bien. Pero cuando traté de agregar algunos iconos, la fuente de ... lema? Para otros navegadores, los glificones se muestran correctamente, solo Firefox era incapaz de mostrarlo correctamente.

CSS: Cómo decirlo.class: last-of-type [clases, no elementos!] [duplicar]

Posible Duplicado:¿Cómo selecciono el" último hijo " con un nombre de clase específico en CSS? Como dice el título, ... iv:last-of-type { margin-right:0; } Pero quiero algo como div.class:last-of-type { margin-right:0; } ¿Cómo hacer esto ?

Cómo centrar.btn-grupo de twitter-bootstrap?

Estoy usando twitter-bootstrap , y me resultó bastante difícil centrar div que tiene clase .btn-group (link). Por lo genera ... el elemento interno tiene la propiedad float: left que en este caso usa para efectos visuales. Http://jsfiddle.net/EVmwe/1

Poner texto en la parte inferior del div

Tengo 4 DIV justo al lado uno del otro, y todos están centrados en el centro de la pantalla. Tengo 2 palabras en cada div, pero no las quiero en la parte superior, quiero que aparezcan en la esquina inferior derecha del div. ¿Cómo puedo hacer esto?

css3 sombra de texto en IE9

¿Hay una manera fácil de tener css3 text-shadow's trabajando en IE9? Al menos una sola sombra de texto sería genial. Supon ... imple plugin jquery o .archivo htc que solo mira la propiedad css de sombra de texto de un elemento y lo implementa para IE9.

¿Por qué mi selector jQuery: not () no funciona en CSS?

Tengo este diseño: <div id="sectors"> <h1>Sectors</h1> <div id="s7-1103" class="alpha"></ ... tible con CSS3", o hay algo que me estoy perdiendo? ¿Hay una solución CSS pura para esto o tendré que confiar en un script?

Cómo dibujar un sector de círculo en CSS?

Bueno, dibujar un círculo con CSS puro es fácil. .circle { width: 100px; height: 100px; border-radius: 100px; ... t 50%)'); } // Rotate to meet the start degree activeBorder.css('transform','rotate(' + startDeg + 'deg)'); });

CSS3 propiedad webkit-desbordamiento-desplazamiento: error táctil

IOS 5 lanzó a los diseñadores web una nueva propiedad -webkit-overflow-scrolling:touch que utiliza el acelerador de hardware ... Http://www.golfbrowser.com/courses/mill-ride / No tengo idea de cómo arreglar esto http://www.golfbrowser.com/photo.PNG

Animación continua de rotación CSS en hover, animado de vuelta a 0deg en hover out

Tengo un elemento que gira cuando pasas el cursor sobre él indefinidamente. Cuando cierras el cursor, la animación se detiene ... uevo a esa posición, pero estoy teniendo algunos problemas para trabajar la sintaxis. Cualquier entrada sería impresionante!

Alternativa a CSS Calc

Estoy tratando de cambiar dinámicamente el ancho de un div usando CSS y sin jquery. El siguiente código funcionará en los sig ... s este el uso correcto: /* IE-OLD */ width: expression(100% - 500px); ¿También puedo admitir Opera y el navegador Android?

Optimizar el sitio web para dispositivos táctiles

En un dispositivo táctil como iPhone/iPad/Android puede ser difícil presionar un botón pequeño con el dedo. No hay una forma ... tes de contactar al grupo de trabajo css3. Así que por favor no contestes si no puedes seguir la requisitos de la pregunta;)

CSS: pseudo clase seleccionada similar a: checked, pero para elementos

¿Hay una manera de estilizar el elemento <option> actualmente seleccionado en un elemento <select>? Entonces po ... actualmente seleccionado? De esa manera puedo diseñar la opción que actualmente se puede ver en el menú desplegable cerrado.