Preguntas etiquetadas con transform

He estado usando CSS3 transform para rotar imágenes y cuadros de texto con bordes en mi sitio web. El problema es que el borde parece irregular en Chrome, como un juego (de baja resolución) sin Anti-Aliasing. En IE, Opera y FF se ve mucho mejor porque se usa AA (que …

193 google-chrome  css  transform  antialiasing 

He estado luchando con esto por un tiempo, y parece que no puedo encontrar una respuesta (que funcione) en ningún lado. Tengo un archivo SVG que se ve así: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 …

155 svg  transform  inkscape 

Parece que ha habido una actualización reciente de Google Chrome que causa texto borroso después de hacer una transform: scale(). Específicamente estoy haciendo esto: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); …

126 google-chrome  css  webkit  transform  css-animations 

Estoy tratando de replicar un indicador de actividad al estilo de Apple (icono de carga del reloj de sol) usando una animación PNG y CSS3. Tengo la imagen girando y haciéndolo continuamente, pero parece haber un retraso después de que la animación ha terminado antes de que haga la siguiente …

120 animation  webkit  css  transform 

Estoy usando el transformador XML integrado de Java para tomar un documento DOM e imprimir el XML resultante. El problema es que no está sangrando el texto en absoluto a pesar de haber establecido el parámetro "sangría" explícitamente. Código de muestra public class TestXML { public static void main(String args[]) …

112 java  xml  transform  indentation 

Estoy buscando una biblioteca que me permita sincronizar texto en tiempo real entre múltiples usuarios (ala Google Docs). Me encontré con Operational Transformation, que parece satisfacer mis necesidades. Habiendo dicho eso, entiendo la esencia de OT, pero no las matemáticas ni la implementación de OT. Por lo tanto, me preguntaba …

102 transform  etherpad  operational 

Tengo dos elementos div absolutamente posicionados que se superponen. Ambos han establecido valores de índice z a través de css. Utilizo la translate3dtransformación de webkit para animar estos elementos fuera de la pantalla y luego volver a la pantalla. Después de la transformación, los elementos ya no respetan sus z-indexvalores …

98 css  webkit  transform 

Agregué un proyecto de aplicación web ASP.Net existente a mi solución. Además de las configuraciones estándar de depuración y liberación, esta solución también tiene dos configuraciones personalizadas, SAT y UAT. Para la nueva aplicación web, hacer clic con el botón derecho en Web.Config muestra el menú contextual, pero la opción …

88 asp.net  web-config  transform 

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 

Usando la propiedad de transformación, el índice z se cancela y aparece en el frente. (Al comentar -webkit-transform, z-index funciona correctamente en el siguiente código) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; …

84 css  z-index  transform 

¿Cómo rotaría un elemento con un jQuery .animate()? Estoy usando la línea de abajo, que actualmente está animando la opacidad correctamente, pero ¿esto es compatible con las transformaciones CSS3? $(element).animate({ opacity: 0.25, MozTransform: 'rotate(-' + -amount + 'deg)', transform: 'rotate(' + -amount + 'deg)' });

82 jquery  transform 

Soy nuevo en la codificación d3 y svg y estoy buscando una forma de rotar texto en el eje x de un gráfico. Mi problema es que, por lo general, los títulos de xAxis son más largos que las barras del gráfico de barras. Así que estoy buscando rotar el …

81 text  svg  transform  d3.js