https://github.com/mauriciabad/custom-easings-with-keyframes

🏃 Make custom non-cubic-bezier easing functions using the linear() easing function or keyframes and animations with this online css code generator.
https://github.com/mauriciabad/custom-easings-with-keyframes

animations code css easing generator keyframes pwa

Last synced: 15 days ago
JSON representation

🏃 Make custom non-cubic-bezier easing functions using the linear() easing function or keyframes and animations with this online css code generator.

• Host: GitHub
• URL: https://github.com/mauriciabad/custom-easings-with-keyframes
• Owner: mauriciabad
• License: mit
• Created: 2020-11-28T15:39:10.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-01-22T15:38:55.000Z (10 months ago)
• Last Synced: 2024-07-31T20:51:13.096Z (3 months ago)
• Topics: animations, code, css, easing, generator, keyframes, pwa
• Language: Vue
• Homepage: https://easyeasings.mauri.app
• Size: 1.36 MB
• Stars: 19
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Easy Easings | linear() easing generator & @keyframes editor | Make non-cubic-bezier easings in CSS

[![Netlify Status](https://api.netlify.com/api/v1/badges/389499b3-5eff-4822-8fb8-4b4def71525e/deploy-status)](https://app.netlify.com/sites/custom-easings-with-keyframes/deploys)

[![Cypress status](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/simple/x4o3zk/main&style=flat&logo=cypress)](https://dashboard.cypress.io/projects/x4o3zk/runs)

Make custom non-`cubic-bezier` easing functions using the `linear()` easing function or `@keyframes` and animations.

Use it here:

![preview](https://github.com/mauriciabad/custom-easings-with-keyframes/assets/12821361/c3104760-c7ad-4223-ac05-16ba2451e905)

## Development

```zsh

# Install dependencies

npm run i

# Run the app in develop mode

npm run dev

# Run the tests

npm run test:unit

# Run your end-to-end tests

npm run test:e2e

# Build the app

npm run build

```