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 SCSS a CSS
Transforme su código SCSS en CSS. Rápido, fácil y seguro.
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.
RGB a Pantone
Convierta colores RGB digitales a los equivalentes Pantone® más cercanos.
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 unidades de bytes
Convierte entre diferentes unidades de información digital con precisión.