1. postcss-easings
PostCSS plugin to replace easing names to cubic-bezier()
postcss-easings
Package: postcss-easings
Created by: postcss
Last modified: Thu, 06 Jul 2023 01:46:02 GMT
Version: 4.0.0
License: MIT
Downloads: 59,049
Repository: https://github.com/postcss/postcss-easings

Install

npm install postcss-easings
yarn add postcss-easings

PostCSS Easings

PostCSS plugin to replace easing name from easings.net to cubic-bezier().

 .snake {
  transition: all 600ms ease-in-sine;
}
.camel {
  transition: all 600ms easeInSine;
}
 .snake {
  transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.camel {
  transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
Sponsored by Evil Martians

Docs

Read full docs here.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code