Resultados de la búsqueda a petición "css3"

12 la respuesta

CSS El radio del borde no recorta la imagen en Webkit

Tengo problemas para entender por qué el radio del borde ha desaparecido de mi elemento #screen cuando uso Chrome pero no Firefox o ie9? Tengo todos los prefijos diferentes para cada navegador más el radio de borde estándar: ...

4 la respuesta

Chrome vs. tamaño de caja: border-box en una pantalla: tabla

Estoy haciendo un pequeño diseño de 2 paneles condisplay:table. Para el espaciado (también de la imagen de fondo), usopadding. Como necesito que los niños tengan una @ exacwidth:50% del espacio disponible (teniendo en cuenta el relleno del ...

10 la respuesta

¿Cómo configurar la transición CSS3 usando javascript?

¿Cómo puedo configurar CSS usando javascript (no tengo acceso al archivo CSS)? #fade div { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition: opacity 1s; opacity: 0; ...

8 la respuesta

Cambio de tema de usuario con SASS - Ruby on Rails

Así que tengo un sistema de administración de rieles que permitirá al usuario elegir un tema, básicamente un conjunto de variables de color SASS que recompilará application.css.scss con los nuevos colores. ¿Cuál sería la mejor manera de cambiar ...

4 la respuesta

Desbordamiento de texto de varias líneas: puntos suspensivos en CSS o JS, con etiquetas img

Intenté usar: característica de puntos suspensivos de desbordamiento de texto en CSS3 (pero no admite líneas múltiples) varios complementos de jquery como dotdotdot http: //dotdotdot.frebsite.nl [http://dotdotdot.frebsite.nl/])jquery ...

2 la respuesta

Retraso de animaciones CSS3

Tengo una serie de palabras animando, usando css3. Una imagen de fondo del globo y un enlace con estilo siguen estas palabras, también animadas en css3. Mis adiciones finales son más y menos botones. Quiero que sigan su ejemplo y aparezcan / se ...

8 la respuesta

CSS3's attr () no funciona en los principales navegadores

Tengo esto en mi documento HTML: <a class="wbutton tint" data-tint="rgba(255,0,0,.5)" href="#">This should be red, with an opacity of 0.5</a> y esto en el archivo CSS: .window > .content .wbutton.tint { border: solid thin attr(data-tint, ...

10 la respuesta

establecer una sombra de recuadro insertado en una imagen o imagen dentro de un div

Tengo una imagen en mi página en la que quiero poner una sombra de recuadro. He intentado hacer esto con la imagen tanto dentro como fuera de un div. ¿Alguien puede ayudarme a mostrar una sombra de cuadro insertado? HTML: <body> <div ...

4 la respuesta

¿Animar el valor de una transformación CSS3 con JavaScript descarta la aceleración de hardware?

Puede aprovechar las animaciones aceleradas por hardware estableciendo una duración de la animación y configurando los valores iniciales y finales de la transformación CSS3. ¿Qué pasa si, en lugar de establecer una duración de animación y ...

4 la respuesta

¿Por qué importa el orden de las consultas de medios en CSS?

Últimamente, he estado diseñando sitios que responden mejor y he estado usando consultas de medios CSS con frecuencia. Un patrón que noté es que el orden en que se definen las consultas de medios realmente importa. No lo probé en todos los ...