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
Generador de transiciones CSS3
Transición de opacidad suave
Convertidor de Less a CSS
Transforme su código Less en CSS. Rápido, fácil y seguro.
Convertidor de Sass a CSS
Transforme su código Sass en CSS. Rápido, fácil y seguro.
Convertidor de unidades universal
Convierte entre diferentes unidades de múltiples categorías con precisión para todas tus necesidades.
De CMYK a HEX
Convierte valores de color CMYK a códigos HEX para diseño web y aplicaciones digitales.
Convertidor de iluminancia
Convierta la iluminancia entre diferentes unidades con precisión