Transition Property

Use transition prop to control the transition-property of an element.

Name	Styles
`all`
`colors`
`none`
`opacity`
`transform`

#
Documentation

#
Transition colors

Use transition="colors" to transition all color related properties.

Contact Us

App.tsx


import { Box } from "@optiaxiom/react";
 
import { Canvas } from "../Canvas";
import styles from "./App.module.css";
 
export function App() {
  return (
    <Canvas>
      <Box className={styles.base} transition="colors">
        Contact Us
      </Box>
    </Canvas>
  );
}

Last updated on February 4, 2025