Preguntas etiquetadas con css-transforms

Usando CSS, ¿cómo puedo aplicar más de uno transform? Ejemplo: A continuación, solo se aplica la traducción, no la rotación. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

605 css  css-transforms 

Tengo una situación en la que, en circunstancias normales de CSS, un div fijo se colocaría exactamente donde se especifica ( top:0px, left:0px). Esto no parece respetarse si tengo un padre que tiene una transformación translate3d. ¿No estoy viendo algo? He probado otras opciones de estilo de transformación de kit …

140 html  css  css-position  css-transforms 

Digamos que tengo un par de columnas, algunas de las cuales me gustaría rotar los valores de: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> Con este CSS: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } Termina …

119 css  css-transforms 

Tengo algunos problemas para rotar y colocar una línea de texto. Ahora es solo la posición la que funciona. La rotación también funciona, pero solo si desactivo el posicionamiento. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } El html es solo texto sin formato.

86 css  webkit  transform  css-transforms 

Estoy usando transiciones de CSS para la transición entre estados transformados de CSS (básicamente, la transición de la escala de un elemento). Noto que cuando el elemento está en transición, el resto del texto en la página (en Webkit) tiende a alterar levemente su representación hasta que se realiza la …

81 css  webkit  css-transitions  css-transforms 

¿Cómo combinar rotateX(50deg) rotateY(20deg) rotateZ(15deg)en taquigrafía rotate3d()?

79 css  css-transforms 

Estoy tratando de crear una animación de estilo de montaña rusa con CSS. Quiero saber cómo curvar la "montaña rusa" cuando está en la etapa de bucle. Estoy buscando una solución totalmente CSS, pero si necesito un poco de JavaScript, estoy de acuerdo con eso. mi código hasta ahora: #container …

15 html  css  css-animations  css-transforms