css keyframes问题

Question

代码在这里：https://jsfiddle.net/buy8Lyhc/

弹出没问题。 我想弹出来后3秒 弹回去。 跟layer 的 提示层差不多。

大神在哪里？！

Answer 1

动画定义分三个阶段，第一阶段弹出，耗时0.5s，第二阶段展示，耗时3s，第三阶段隐藏，耗时0.5s；
总共4s,具体比例自己调节

@keyframes warning-down {
            0% {
                transform:scale(0);
            }
      20%{
        transform:scale(1);
      }
      80%{
        transform:scale(1);
      }
            100% {
                transform:scale(0);
            }
        }