andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bake dates into articles

Browse Source
This commit is contained in:
Isabelle Viktoria Maciohsek
2021-06-13 19:52:48 +03:00
parent 65528cce0d
commit 9482b077ec
123 changed files with 246 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
blog_posts/css-easing-variables.md
View File

@ -5,6 +5,8 @@ tags: css,animation
authors: chalarangelo
cover: blog_images/curve.jpg
excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out.
firstSeen: 2020-12-30T16:13:58+02:00
lastUpdated: 2021-06-12T19:30:41+03:00
---
Most web developers use the built-in `ease`, `ease-in`, `ease-out` or `ease-in-out` functions for most use-cases of `transition-timing-function` in their designs. While these are perfectly fine for everyday use, there's a far more powerful, yet intimidating option available, the [`bezier-curve()`](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function) function.