diff --git a/src/resources/css/animations.css b/src/resources/css/animations.css index fa45768..4172f23 100644 --- a/src/resources/css/animations.css +++ b/src/resources/css/animations.css @@ -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 {