Resultados de la búsqueda a petición "css-transforms"
translate3d entre 0% y% negativo en IE10
Tengo un elemento que necesita animar a izquierda y derecha a la cantidad del 50% de su ancho total. He logrado esto con el siguiente marcado (simplificado): <div class="wrapper"> <div class="inner">Inner</div> </div>Y estilo: .wrapper { ...
La propiedad Transform CSS no funciona con el elemento <a>
quieroscale(x,y) mi<a> elemento cuando hago clic en él, pero no funciona. Utilizo el navegador web Mozilla Firefox para ejecutar el programa. Aquí está mi código: scaleElement.html<html> <head> <title>CSS3 Transform and ...
¿Cuál es la combinación correcta de prefijos para las transiciones y transformaciones CSS?
¿Cuál sería la forma correcta de prefijar este CSS para cubrir la gama más amplia de navegadores y versiones? Versión 1: -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: ...
¿Agregar un valor de transformación a las transformaciones actuales que ya están en el elemento?
Digamos que tengo undiv eso teníatranslateX ytranslateY valores agregados dinámicamente. <div class="object child0" style="-webkit-transform: translateX(873.5px) translateY(256px); width: 50px; height: 50px;">Quiero agregarrotateY(20deg) a las ...
la transición a escala matricial no funciona
Tengo que usar la matriz de transformación para animar transformación: escala de un elemento. Quiero escalar de 0 a 1. Si uso el siguiente código, funciona correctamente: .container { width: 200px; height: 100px; background: yellow; ...
Comprender el desplazamiento z en el origen de transformación
Estoy tratando de estudiar la propiedad de origen de transformación y cómo funciona exactamente esta propiedad. Hice una pequeña demostraciónAQUÍ [http://jsfiddle.net/2b5qg7kz/]. HTML: <div class="section-title"> <span data-hover="Product ...
La transformación CSS3 hace que el texto parpadee en Safari y Firefox Mac Yosemite
Tengo un problema extraño en Safari y Firefox (Mac / Yosemite) que hace que casi todo el texto de la página parpadee al pasar el cursor sobre el elemento transformador. Gif de ejemplo: (Firefox, Yosemite) .usp { //USP has an icon that is ...
Tarjeta invertida Bootstrap con transformación css3
Quiero crear una tarjeta flip bootstrap usando CSS3 transform. Empecé desde esto ejemplo de trabajo y básico [http://www.bootply.com/PsZubuTsdd#] Sin embargo, quería modificarlo para tener una tarjeta de altura fija y algunas mejoras menores. En ...
¿Cómo crear una esfera en css?
Intenté crear una esfera 3D usando solo CSS puro, pero no pude generar la forma requerida. He visto uncilindro [http://jsfiddle.net/bmouxLwu/9/]pero no puedo encontrar ninguna referencia para crear un realesfera. Mi código actual se ve ...
¿Por qué mi Transformación retrocede?
Estoy tratando de hacer que mi elemento permanezca en su lugar (después de la transición). En este momento, la ubicación traducida es donde la quiero, pero luego mi nombre vuelve a aparecer en la cita. ¿Me estoy perdiendo un fragmento de código o ...