StylingTransition Property

Transition Property

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

Name

Value

all

colors

none

opacity

transform

#

Documentation

#

Transition colors

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

Contact Us

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>
  );
}
Animation