Getting started with Open Props easings

Step 1: Import the props

@import "https://unpkg.com/open-props/easings.min.css";

Try changing the number from 3 to 5 or 1, as these adjust the easing strength.

.btn {

transition: transform 1s var(--ease-bounce-3);

&:hover {

transform: scale(2);

transition-timing-function: var(--ease-spring-3);

}