css keyframes问题

问题描述

问 题

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

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

大神在哪里？！

解决方案

动画定义分三个阶段，第一阶段弹出，耗时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);
            }
        }

这篇关于css keyframes问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！