Resultados de la búsqueda a petición "css-transforms"
la escala de transformación funciona incorrectamente para anchos de píxeles impares
Estoy tratando de escalar un div, pero mantengo el elemento interno enla misma posiciónyel mismo tamaño. Para hacer eso, yo usotransform: scale(value) en envoltura ytransform: scale(1/value) en el interior div. El problema es que el div interno ...
Incline el borde div de un solo lado usando solo un div
He creado un div sesgado usando el siguiente CSS #outer-left{ -ms-transform: skew(-30deg,0deg); /* IE 9 */ -webkit-transform:skew(-30deg,0deg); /* Chrome, Safari, Opera */ transform: skew(-30deg,0deg); background:#333333; width:200px; ...
¿Cómo mantener el origen en el centro de la imagen en la animación a escala?
Tengo una situación similar a estaviolín [https://jsfiddle.net/ddvn3p1h/3/], donde tengo una animación CSS3 que escala un elemento en posición absoluta en el centro de otro elemento. Sin embargo, cuando la animación tiene lugar, está descentrada, ...
Texto borroso después de la transformación 3D
Tengo un div que he girado alrededor del eje X con perspectiva. El div contiene texto que se vuelve borroso cuando se aplica la rotación. ¿Hay alguna forma de hacer que el texto sea nítido en la rotación alrededor de este eje? Probé el "hack" ...
Forma similar a un puntero de brújula o parte interna de un logotipo de Safari
Estoy tratando de hacer la siguiente forma usando solo CSS. Sé que lograr esta forma usando una imagen o SVG sería mucho más fácil, pero estoy tratando de lograrlo con CSS como prueba de concepto. El siguiente es el código que he probado hasta ...
El orden de transformación CSS3 es importante: primero la operación más a la derecha
Cuando usamos CSS3transform: operation1(...) operation2(...), ¿cuál se hace primero? La primera operación realizada parece ser la mása la derecha.es decir, aquíoperation2 se hace antesoperation1. Solo para estar seguro, ¿es cierto? Nota: He ...
Niño sin sesgar no alineado
Nota:Esta pregunta es sobre un problema con la salida, ynosobre la creación de cualquier forma. Recientemente creé una forma: .prog { position: relative; top: 20px; width: 150px; height: 120px; background: green; display: inline-block; ...
No sobrescriba las propiedades css, sino agréguelas con jQuery
Solo quiero saber cómo usar la función jquery .css () para no sobrescribir, sino para agregar valores adicionales a las propiedades css. Por ejemplo, tengo un elemento que actualmente tiene el CSStransform:translate(-50%, -50%) en eso. Y quiero ...
¿Hay polyfill para la propiedad de transformación css en IE8
Tengo el siguiente mixin para la transformación entre navegadores: .transform (...) { -webkit-transform: @arguments; /* Chrome, Opera 15+, Safari 3.1+ */ -moz-transform: @arguments; /* Firefox 3.5+ */ -ms-transform: @arguments; /* IE 9 */ ...
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 { ...