brian/laravel-stubs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

updating some animations

Browse Source
This commit is contained in:
Brian 2022-06-27 09:18:03 -06:00
parent bb24f5bdbb
commit 01fd582880
Signed by: brian
GPG Key ID: DE1A5390A3B84CD8
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/resources/css/animations.css
View File

@ -6,6 +6,25 @@
to { transform: rotate(360deg); }
}
.animate-removeRow {
animation-name: removeRow;
animation-fill-mode: forwards;
animation-duration: 800ms;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.38, 0.97, 0.56, 0.76);
}
@keyframes removeRow {
50% { height: 10px; padding: 5px; }
100% {
transform: rotateX(-90deg);
transform-origin: top center;
height: 5px;
opacity: 0;
padding: 0;
}
}
/** https://thinkdobecreate.com/articles/css-animating-newly-added-element/ **/
.anim-show {