Generador de transiciones CSS3
Transición de opacidad suave
preestablecidos
de desvanecimiento
de opacidad suave
Efecto de escala Cambiar
el tamaño del elemento al pasar el cursor
Efecto de
Rotar elemento al pasar el cursor
Efecto de deslizamiento
Mover la posición
Cambio
color de fondo
Acerca de las
transiciones CSS le permiten cambiar los valores de las propiedades sin problemas, durante un período determinado.
Las propiedades comúnmente animadas incluyen:
- ancho, alto
- , margen, opacidad del relleno
- , color
- transform (scale, rotate, translate)
- background-color
Consejo profesional: Utilice la opción 'Todas las propiedades' para animar todos los cambios.
Preview
Código
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Transición Controla
Efectos
Related Tools
Genera transformaciones CSS3 con facilidad
Una herramienta potente e intuitiva para crear transformaciones CSS3 complejas sin necesidad de escribir código. Visualiza los cambios en tiempo real y copia el CSS generado para utilizarlo en tus proyectos.
Conversor de stylus a CSS
Transforma tu código SCSS en CSS. Rápido, fácil y seguro.
Convertidor de SCSS a CSS
Transforme su código SCSS en CSS. Rápido, fácil y seguro.
Generador de radio de borde
Una herramienta generadora de CSS para radios de borde que permite generar rápidamente declaraciones CSS para radios de borde.
Convertidor de potencia reactiva
Convierta potencia reactiva entre diferentes unidades con precisión y facilidad.
Convertidor de Base64 a CSV
Convierte datos CSV codificados en Base64 en archivos CSV descargables al instante. Funciona localmente en tu navegador sin necesidad de cargar datos.