Math function easeInSine(x) { return 1 - Math.cos((x * Math.PI) / 2); } CSS transition: transform 0.5s cubic-bezier(0.12, 0, 0.39, 0) Math function easeOutSine(x) { return Math.sin((x * Math.PI) / 2); } CSS transition: transform 0.5s cubic-bezier(0.61, 1, 0.88, 1)
![Easing Equations](https://cdn-ak-scissors.b.st-hatena.com/image/square/004a9de0c8d919f55efc3c25746b1cfd0b035302/height=288;version=1;width=512/https%3A%2F%2Fnicmulvaney.com%2F__og-image__%2Fimage%2Feasing%2Fog.png)