diff --git a/assets/css/level.css b/assets/css/level.css index 6815977..1518984 100644 --- a/assets/css/level.css +++ b/assets/css/level.css @@ -270,6 +270,10 @@ input::-webkit-inner-spin-button { border-image-slice: 65; } +.bounce { + animation: boxAnimator 0.25s; +} + .epicbox { border: 3.5vh solid transparent; border-image: url('./../assets/epicbox.png') 20% stretch; @@ -792,4 +796,24 @@ input::-webkit-inner-spin-button { @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } -@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } + +@keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + transform:rotate(360deg); } + } + +@keyframes boxAnimator { + 0% { + transform: scale(0) translate(-50%, -50%); + transform-origin:left top + } + 75% { + transform: scale(1.075) translate(-50%, -50%); + transform-origin:left top + } + 100% { + transform: scale(1) translate(-50%, -50%); + transform-origin:left top + } +} \ No newline at end of file diff --git a/html/filters.html b/html/filters.html index e6935ce..dbfaebf 100644 --- a/html/filters.html +++ b/html/filters.html @@ -14,7 +14,7 @@