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
Crea hermosos degradados CSS sin esfuerzo
Genera impresionantes degradados lineales, radiales y cónicos con nuestra interfaz intuitiva. Copia el código CSS y utilízalo en tus proyectos al instante.
Convertidor de Less a CSS
Transforme su código Less en CSS. Rápido, fácil y seguro.
Minificador CSS
Comprima y optimice su código CSS con precisión profesional
Crea hermosos degradados de texto CSS sin esfuerzo
Crea impresionantes efectos de texto degradado para tu sitio web
Conversor de par
Convierta mediciones de torque entre diferentes unidades con precisión.
Calculadora de hash SHA-2
Genere hash SHA-2 de forma rápida y sencilla.