Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 4 months 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 (about 4 years ago)
Default Branch: main
Last Pushed: 2024-01-22T15:38:55.000Z (about 1 year ago)
Last Synced: 2024-07-31T20:51:13.096Z (7 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

```