Resultados de la búsqueda a petición "css-transforms"

2 la respuesta

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 ...

3 la respuesta

¿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: ...

1 la respuesta

¿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 ...

1 la respuesta

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; ...

7 la respuesta

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 ...

1 la respuesta

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 ...

1 la respuesta

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 ...

5 la respuesta

¿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 ...

3 la respuesta

¿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 ...

2 la respuesta

Alinee al lado izquierdo del contenedor un elemento girado -90 grados

div { width: 300px; height: 300px; border:1px solid black; } h1 { width: 300px; transform: rotate(-90deg) }<div> <h1>Hola</h1> </div> Si prueba este fragmento, verá que elh1 se gira y se coloca en el centro del div (tiene sentido, tienen el ...