Relative Content

Tag Archive for next.jsstatestylesemotion

state doesn’t change on rotateY

const [degree, setDegree] = useState<number>(0); <button onClick={() => setDegree((prev) => prev + 22.5)} css={signInUpStyles.button} > ◀ left </button> <button onClick={() => setDegree((prev) => prev – 22.5)} css={signInUpStyles.button} > right ▶ </button> <section css={[ flexCenterX2, widthHeightFull, css` gap: 10px; padding: 10px; transform-style: preserve-3d; transform: perspective(800px) rotateY(${degree}deg); transition: 0.5s; `, ]} > I wanted to make a […]