Making transition to new screen smoother

I'm making a todo app and I've designed it so that when I press the add button a new screen appears. Like this (https://gyazo.com/cb7d487262c55342077216c52b830407). But the transition is too 'blunt'. How do I make it smoother? For reference, I'm using React + Tailwind; this is the relevant code that adds the screen.
GitHub
react-experiments/client/src/pages/todolist.js at 50126097f05f3aefd...
Learning frontend and backend using Express, React and NodeJS. Will use this to store all the learning projects/experiments. - tejveeer/react-experiments
1 Reply
missymae
missymae5mo ago
view transition API
Want results from more Discord servers?
Add your server