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

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin