css3

Pellizcar para hacer zoom con CSS3

Estoy tratando de implementar gestos de pellizco para hacer zoom exactamente como en Google Maps. Vi una charla de Stephen Wo ... bkit-transform', css image.css '-webkit-transform-origin', '0 0' hammer.bind 'transformend', () -> prevScale = scale

Encontrar el primer padre desplazable

Tengo esta situación en la que necesito desplazar un elemento hacia la ventana. El problema es que no se que elemento es desp ... view</span> </div> </div> </div> El cuerpo es desplazable o .outer Alguna sugerencia ?

Mostrar ocultar divs al hacer clic en HTML y CSS sin jQuery

Quiero algo muy similar a Tematizar encabezados plegables ubicados aquí: Http://jquerymobile.com/demos/1.2.0-alpha.1/docs/c ... jquery. También dar un estilo personalizado a jquery mobile es mucho más difícil que usar CSS puro y estilizarlo usted mismo.

Twitter-Bootstrap - poner elementos simples en línea

¿Hay de todos modos para poner 2 <a> elementos que se muestran en línea? Intenté: <div class="form-inline"> & ... > <a class="inline">jjj</a> <a class="inline">sss</a> </div> Pero no funciona.

¿Probar si se ha habilitado la aceleración de hardware para una animación CSS?

¿Cómo puedo saber (para fines de prueba) si la aceleración de hardware se ha habilitado para una animación CSS? Tengo el s ... rramientas de desarrollo en cualquier navegador? No necesito detectar esto con script, solo quiero saber con fines de prueba.

¿Cómo pegar el encabezado de la tabla(thead) en la parte superior mientras se desplaza hacia abajo por las filas de la tabla con el encabezado fijo (navbar) en bootstrap?

Diseño de Bootstrap con fixed-navbar. Tener mesa con tantas filas en el cuerpo. Problema? Mientras me desplazo, la barra de ... </a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p> </div> </div>

Anchos recomendados para diseños responsivos

¿Cuáles deberían ser los anchos que debería usar para un diseño responsivo? /* Default Width: */ .container { width: 9 ... /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}

¿Cómo puedo usar la partición en el navegador Google Chrome?

Utilizo el siguiente css para escribir automáticamente el texto en mi sitio web: -webkit-hyphens: auto; -moz-hyphens: auto; ... o. Ya he leído, que Chrome no es compatible con esto. ¿Hay alguna solución para la partición de palabras en Chrome? ¡Gracias!

Configurar una imagen de fondo css a un símbolo SVG en línea?

Sé que los archivos svg externos se pueden vincular a imágenes de fondo: background-image: url(Icon.svg); Y los id de sím ... 5.071,75.333,93.417,75.333z" /> </symbol> </svg> </div> <div class="test"></div>

¿Dónde puedo encontrar estilos de Bootstrap para entradas de rango HTML5?

Estoy en el proceso de estilizar un formulario [con Bootstrap] y estoy usando el nuevo type="range" de HTML5 para especificar ... la rueda; a menos que sea absolutamente necesario. Si alguien pudiera señalarme en la derecha dirección, te lo agradecería.

css3 animación no funciona en chrome

Tengo una pequeña animación que funciona en Firefox, pero no en los navegadores webkit. Tal vez alguien ve el error porque he ... pps</li> <li>and others.</li> </ul> </p> </div>

Romper palabras compuestas no con guiones en el límite de la palabra

Estoy usando Bootstrap. Digamos que tengo un texto que se ve así: "Stackoverflow" ¿Puedo de alguna manera asegurarm ... texto no se ajusta al contenedor: "Pila -desbordamiento" En lugar de: "Stackov - erflow " Con HTML / CSS?

Cómo depurar CSS en el navegador nativo de Android?

Estoy construyendo una aplicación híbrida con Cordova para Android. El HTML5 / CSS3 se representa correctamente con Chrome pa ... remota. ¿Sabes alguna herramienta similar que podría usar para depurar el CSS de manera eficiente el navegador nativo móvil?

CSS3 Flexbox aplicación de altura completa y desbordamiento

Tengo una aplicación que utiliza un correo electrónico clásico como el diseño como el de abajo. Lo he construido usando el ... en de tal manera que cuando se agrega nuevo contenido a la primera caja, no comienza a crecer hasta que se queda sin espacio.

¿Es posible anidar media queries dentro de media queries?

Es esto posible? Me parece una buena solución, pero no estoy seguro de si funcionará. @media only screen and (min-device-wi ... /* Code for just portrait */ } @media (orientation:landscape) { /* Code for just landscape */ } }

Media = Todos vs Media = Pantalla

Parece que recientemente he visto a muchas más personas comenzar a usar media="all" vs media="screen" en sus hojas de estilo. ... cuándo debo usar media="all" sobre media="screen" y viceversa? Nota: Estoy usando HTML5 Doctype si eso hace una diferencia.

CSS: Prevent parent element getting: active pseudoclass cuando se hace clic en el elemento hijo

JSFiddle Al hacer clic en button, verá que :active pseudoclase se activa para el padre div. ¿Hay una forma de CSS puro (o a ... ctive pseudoclase que no se alterne al hacer clic en button? Lo intenté z-index, position: absolute & fixed y sin éxito.

¿Cómo construir un polígono especial (una forma de cometa) solo con HTML y CSS?

Estoy trabajando en mi nuevo proyecto y en esto necesito algunas estructuras irregulares. Uno de ellos es: Lo que logré es ... <div class="midLine"></div> </div> Jsfiddle ¿Cómo puedo obtener el resto de la forma que deseo?

Especificidad CSS, Media Queries y ancho mínimo

Estoy rediseñando mi blog con el diseño web responsivo en mente, y el método "mobile first" - En resumen, estoy tratando de u ... ínimos y sobrescribir efectivamente declaraciones en resoluciones más altas sin usar selectores más fuertes o ancho máximo..?

Cambiar el efecto Modal de Bootstrap

Encontré esta Demo , La demo tiene un efecto bonito, me pregunto si alguien tiene manera de aplicar estas demos para ser fácil de usar con bootstrap Modal especialmente el primero (Fade In & Scale)