Articles of css3

Animación y visualización CSS3 Ninguna

Tengo una Animación CSS 3 para un div que se desliza después de un tiempo determinado. Lo que me gustaría es que unos pocos divs llenen el espacio de la div animada que se desliza, que luego empujará esos elementos hacia abajo en la página. Cuando bash esto en el primer div que se desliza […]

estilos completos para cross browser CSS zoom

Me resulta difícil obtener propiedades de zoom de CSS del navegador cruzado … lo que tengo es solo esto zoom: 2; -moz-transform: scale(2);

Error con la transformación: escala y desbordamiento: oculto en Chrome

Trabajando con la transform: scale propiedad CSS3 transform: scale , encontré un problema interesante. Quería hacer un pequeño efecto de zoom para las imágenes. Pero cuando utilicé el overflow: hidden div principal overflow: hidden y border-radius , el div infantil amplió el div más allá de parent. Actualizar: El problema no está resuelto Si agrego […]

Acolchado inferior / superior en el diseño de la caja flexible

Tengo un diseño de Flexbox que contiene dos elementos. Uno de ellos usa relleno de fondo : #flexBox { border: 1px solid red; width: 50%; margin: 0 auto; padding: 1em; display: flex; flex-direction: column; } #text { border: 1px solid green; padding: .5em; } #padding { margin: 1em 0; border: 1px solid blue; padding-bottom: 56.25%; […]

Hacer que las fonts de Adobe funcionen con CSS3 @ font-face en IE9

Estoy en proceso de crear una pequeña aplicación de intranet e intentaré, sin suerte, usar la fuente de Adobe que compré últimamente. Como me informaron, en nuestro caso no se trata de una violación de licencia. Convertí las versiones .ttf / .otf de la fuente en .woff, .eot y .svg, de modo que apunte a […]

Alineación de elementos de grilla en toda la fila / columna (como elementos flexibles)

Con un contenedor flex-wrap: wrap ajuste flex-wrap: wrap ajuste el conjunto, puede alinear los elementos desbordados al centro utilizando justify-content: center . ¿Hay alguna manera de lograr el mismo comportamiento para los elementos de la grilla que se desbordan utilizando la cuadrícula CSS? Creé un bolígrafo que muestra el comportamiento de flexión deseado .container-flex { […]

Unidades en Transición “0s” en Firefox

¿Por qué la siguiente transición no funciona en Firefox sin las unidades? Una vez que agregue las unidades, funciona. Parece que los otros navegadores principales son indiferentes a las unidades. Hasta donde yo sé, este es el único ejemplo de un tiempo de transición de ‘0’, sin unidades, que no funciona en Firefox. Puedes verlo […]

Radio de borde CSS no recorte de imagen en Webkit

Tengo problemas para averiguar por qué border-radius se ha ido de mi elemento #screen al usar chrome pero no en firefox o ie9? Tengo todos los prefijos diferentes para cada navegador más el radio de borde estándar: www.cenquizqui.com El cuadro de contenido superior que contiene las imágenes, llamado #screen una copia pegar de css de […]

Modelo de caja flexible – pantalla: flex, box, flexbox?

Muchos de nosotros somos conscientes de que los valores más antiguos de la propiedad de display , como en inline y en block están desactualizados después de que se haya introducido el nuevo modelo de caja flexible en CSS3. Pero, podríamos encontrar información diferente en la web en el mismo modelo de caja flexible. Podemos […]

Transición de CSS3 al hacer clic usando CSS puro

Estoy tratando de obtener una imagen (un símbolo más) para rotar 45 grados para crear un símbolo de cruz. Hasta ahora he logrado lograr esto usando el siguiente código pero está trabajando en el vuelo estacionario, quería que gire al hacer clic. ¿Hay una manera simple de hacerlo usando CSS ? Mi código es: CSS […]