Resultados de la búsqueda a petición "css-transforms"
CSS-Filter en el padre rompe el posicionamiento del niño
Actualmente estoy trabajando en un sitio web y encontré este comportamiento extraño. No estoy seguro de si se trata de un error o de cómo tratarlo, así que les pido ayuda. Así que tengo esta "animación" de la pantalla de título que tiene el ...
Comportamiento extraño al girar un elemento al pasar el mouse
Dados estos dos ejemplos. Usando Hover div { position: absolute; width: 150px; height: 40px; background: orange; left: 50%; top: var(--top); transition: transform 2s; transform: translateX(-50%); text-align: center; line-height: 40px; ...
Cambiar el tamaño de un cubo
Tengo un conjunto de códigos del cubo creado con CSS. Sin embargo, ¿cómo cambio el tamaño de este a un cubo más grande (por ejemplo, 200 px)? Lo he intentado, pero cada vez que intento hacerlo, se sale de posición ... .mainDiv { position: ...
ontrol deslizante @CSS con flechas usando animación
Estoy tratando de lograr un control deslizante solo CSS. Cuandohovering flechas izquierda y derecha, el control deslizante tiene quediapositiv. Por supuesto Intenté algo usandoanimation-play-state, animation-fill-mode (para mantener ...
Simulación de origen de transformación utilizando translate
Quiero simular las propiedades detransform-origin utilizandotransform: translate en CSS. Según MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin], esto es muy posible: Esta propiedad se aplica traduciendo primero el ...
¿Cómo rotar el pulgar de rango de tipo de entrada en javascript?
Yo tengo un<input type="range"> y desea rotar el pulgar, pero solo el pulgar en la entrada. Mi problema es: cuando intento rotarlo, gira todo el control deslizante. ¿Alguien me puede ayudar? function slide(event){ ...
Desenrollar los extremos de un surtido de múltiples imágenes sesgadas
Pregunté estopregunta [https://stackoverflow.com/questions/49287110/5-images-symmetrically-seperated-with-diagonal-lines/49287285#49287285] antes preguntaba cómo sesgar una variedad de imágenes. Pude obtener resultados muy satisfactorios ...
5 imágenes separadas simétricamente con líneas diagonales
Navegué por Internet y me topé con este tema en reddit [/imgs/Nwy2o.png] Después de ver esta hermosa pancarta. Quería tratar de emular algo como esto usando cinco imágenes simétricas de mi elección que están separadas por líneas diagonales al ...
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 ...
¿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, ...