Articles of css3

Poniendo una imagen de fondo en un hexágono CSS?

http://codepen.io/anon/pen/dqEbA Me gustaría poder reemplazar algunos de los fondos verdes con fondos de imágenes … ¿es esto posible con el CSS que estoy usando ahora, o tengo que usar un diseño de CSS alternativo para hacerlo posible? Aquí está el CSS para referencia: .hex { float: left; margin-left: 3px; margin-bottom: -26px; } .hex .top { […]

Botones de radio Alineación horizontal

¿Cómo hago para que estos dos botones de radio se alineen horizontalmente? No importa lo que bash, se mantienen alineados verticalmente o por todo el lugar. A partir de ahora están alineados verticalmente pero necesito las tags a la izquierda y los diales a la derecha y muy juntos. Payment Method BillMe Credit Card input[type=”radio”]{ […]

¿Por qué estos 2 bloques en línea no se alinean?

Tengo un caso simple de checkbox-label para alinear y parece que no puedo hacerlo funcionar. La etiqueta debe ajustarse y todas las filas deben comenzar donde comienza la primera fila. Similar a ésto: 0 Xxxx xxxx xxxx a diferencia de esto: 0 Xxxx xxxxxx xxxxxx El html es: Label text dh dfjgh dfhd;fhdh djh gfjh […]

Cómo hacer un triángulo con patrón de fondo en CSS3?

Estoy tratando de hacer lo siguiente con CSS Hacer un triángulo con CSS es sencillo, pero no sé cómo darle un fondo no sólido. ¿Alguna sugerencia? editar: el patrón de fondo es una imagen PNG.

Los botones de radio de Bootstrap no verifican cuando se colapsa un accordian

Intenté muchas cosas para intentar que esto funcione. Todo lo que quiero hacer es “cuando revise un botón de radio, el contenido del acordeón se cerrará y se abrirá en consecuencia, y el botón ‘comprobará’”. He conseguido que esto funcione, pero el botón no aparecerá marcado. Consulte el ejemplo más detallado http://jsfiddle.net/cmE5L. Credit / debit […]

¿Cómo puedo usar Flexbox para alinear dos cuadros en una columna, al lado de una fila?

Lo que me gustaría hacer es bastante particular, así que dibujé una imagen para ilustrarlo: Puedo implementar esto fácilmente: pero no se ve bien en este sitio porque el elemento E es mucho más alto que C o D. Lo que me gustaría es que C y D se acumulen cuando la ventana del navegador […]

deslizador de dos filas con línea horizontal y línea vertical?

Estoy trabajando con el desarrollo web, hice el control deslizante con movimiento de derecha a izquierda y dentro de un solo pero quiero crear un control deslizante de dos filas con línea horizontal y línea vertical. ¿alguien puede ayudarme a desarrollarme? como ve a continuación la imagen que quiero crear

No se puede ver el gradiente al usar prefixfree.js

EDITAR esto ayudó Important -prefix-free update Estoy tratando de usar prefixfree.js como atajo para agregar prefijos, creo que lo estoy haciendo bien, pero no funciona. Veo en firebug que el script está cargado. No se muestra gradiente. html: linear css: #linear{ background-image: linear-gradient(top left, red, white, green); } Veo un gradiente cuando uso background-image: -moz-linear-gradient(top […]

Curioso fondo de diseño CSS

Me gustaría crear un fondo CSS en “div” con un diseño específico y este diseño debe ser receptivo (ancho y alto). Puede ver el ejemplo generado con las propiedades “border” dentro de “div” con propiedades “position absolute” y separado el otro “div”, pero este ejemplo no es correcto porque cuando aumento la pantalla, el ancho […]

CSS: expandir un elemento sin perder la estructura original de la página. Para crear Drop Down

Quiero crear un menú desplegable (alternar a la etiqueta del navegador). Así que aquí he creado un en otro para estimular el Pero cuando amplío el menú desplegable, El div desplegado empuja hacia abajo la estructura de la otra página. Quiero decir, aquí está la salida de mi código actual : Al hacer clic en […]