Skip to content

Commit f023314

Browse files
feat: added shakeFade animation to animate.css
1 parent 3f8ab23 commit f023314

File tree

2 files changed

+20
-0
lines changed

2 files changed

+20
-0
lines changed

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,3 +46,5 @@ This project and everyone participating in it is governed by the [Contributor Co
4646
## Contributing
4747

4848
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**.
49+
50+
- `shake-fade`: new subtle shake + fade animation (added by @Nafisa-tamboli)

animate.css

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4072,3 +4072,21 @@
40724072
-webkit-animation-name: slideOutUp;
40734073
animation-name: slideOutUp;
40744074
}
4075+
@keyframes shakeFade {
4076+
0% {
4077+
transform: translateX(0);
4078+
opacity: 1;
4079+
}
4080+
50% {
4081+
transform: translateX(-10px);
4082+
opacity: 0.5;
4083+
}
4084+
100% {
4085+
transform: translateX(0);
4086+
opacity: 1;
4087+
}
4088+
}
4089+
4090+
.shake-fade {
4091+
animation-name: shakeFade;
4092+
}

0 commit comments

Comments
 (0)