-webkit-animation属性的一个误用

来源:互联网 发布:控油祛痘的洗面奶知乎 编辑:程序博客网 时间:2024/05/16 11:49

一直以为–webkit-animation无所不能,结果发现有个属性并不能实现:
display

<html><head>    <style>        div {            width:500px;            height:500px;            background-color:black;            -webkit-animation:con 2s linear 0s;             display:block;        }        @-webkit-keyframes con {            0% {                background-color:red;                display:block;            }            99% {                background-color:green;                 display:none;            }            100% {                background-color:aliceblue;                display:none;            }        }        /*不能再动画里实现display属性*/    </style></head><body>    <div></div></body></html>

页面并不能实现任何效果;

0 0