diff --git a/README.md b/README.md index c7ae5e378..719144d35 100644 --- a/README.md +++ b/README.md @@ -46,3 +46,5 @@ This project and everyone participating in it is governed by the [Contributor Co ## Contributing Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a [pen](https://codepen.io). That **last one is important**. + +- `shake-fade`: new subtle shake + fade animation (added by @Nafisa-tamboli) diff --git a/animate.css b/animate.css index adaab2fb3..f95146499 100644 --- a/animate.css +++ b/animate.css @@ -4072,3 +4072,21 @@ -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } +@keyframes shakeFade { + 0% { + transform: translateX(0); + opacity: 1; + } + 50% { + transform: translateX(-10px); + opacity: 0.5; + } + 100% { + transform: translateX(0); + opacity: 1; + } +} + +.shake-fade { + animation-name: shakeFade; +}