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

8 la respuesta

CSS Animations: ¿cambiar una propiedad sin transición?

Tengo un caso en el que necesito que un elemento aparezca por un segundo y luego desaparezca, y no debo usar JavaScript para ello, así que estoy tratando de que funcione con CSS. Aquí hay un ejemplo: @-webkit-keyframes slide-one-pager { 0% { ...

18 la respuesta

Detectar teléfono vs tableta

¿Hay alguna forma de detectar si el usuario está usando una tableta o un teléfono? Como ejemplo, una persona que navega por la web usando una tableta (cualquier tableta Android con versión 3+ y iPad) seguramente le gustaría ver la misma versión ...

2 la respuesta

Agregue sombra de cuadro con efecto de transición

Estoy agregando una clase a un div que agrega una sombra de cuadro a ese div. Esto sucede dinámicamente a través de jquery. Ahora, cuando se agrega la clase, el efecto de sombra también se agrega automáticamente, sin ningún efecto. ¿Hay alguna ...

6 la respuesta

¿Cómo pueden compartir múltiples divisiones (de tamaño dinámico) 100% de ancho?

Tengo la siguiente estructura html: <div style="width:100%"> <div style="float:left; width:70%"><input /></div> <div style="float:left">element with unknown width</div> <div style="float:left; width=30%"><input /></div> <div style="clear:both" ...

22 la respuesta

olocando el borde dentro del div y no en su borde

Tengo un<div> element y quiero ponerle un borde. Sé que puedo escribirstyle="border: 1px solid black", pero esto agrega 2px a cada lado del div, que no es lo que quiero. Prefiero que este borde sea -1px desde el borde del div. El div en sí es ...

2 la respuesta

Diferencia entre las facilidades de entrada y salida de las transiciones CSS3

¿Cuál es la diferencia entre las transiciones CSS3? "ease-in, ease-out, etc.

6 la respuesta

¿Hay alguna manera de hacer que el código CSS3 entre navegadores sea SECO?

Cuando quiero crear un fondo degradado en CSS3, tengo que hacer esto: background-color: #3584ba; background-image: -webkit-gradient(linear, left top, left bottom, from(#54a0ce), to(#3584ba)); /* Safari 4+, Chrome */ background-image: ...

4 la respuesta

CSS: ¿es la transición: GPU izquierda / superior acelerada?

Sé que puede forzar la aceleración de la GPU para lograr una animación uniforme de los elementos en la pantalla aplicando una transición a la propiedad 'transformar', por ejemplo elem.style.transition = 'all 3s ease-out'; elem.style.transform ...

2 la respuesta

Firefox no genera evento para la transición final

document.getElementById("mylogo").addEventListener( 'webkitTransitionEnd', function( event ) { document.getElementById("mylogotext").className = "mylogoText_visible_style"; }); document.getElementById("mylogo").addEventListener( 'transitionend', ...

8 la respuesta

CSS no se respeta el recuento de columnas

Hay una pregunta similar aquí sin respuesta real:rror de columnas @CSS: el recuento de 5 columnas solo muestra 4 (con imágenes) [https://stackoverflow.com/questions/9302755/css-columns-bug-5-column-count-only-showing-4-with-images] Estoy ...