<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title></title>
<style type="text/css">
.img1{animation:animax 1s 1;transition: .3s opacity;}
@keyframes animax{
0%{display:none}
100%{display:block} /* 编译无效 css动画暂不支持display属性,同时笔者发现transition也不支持displays属性*/
}
</style>
</head>
<body>
<div class="container">
<img src="./img1.png" class="img1">
</div>
</body>
</html>
关于css的animation动画使用display时遇到的问题
猜你喜欢
转载自blog.csdn.net/zero_person_xianzi/article/details/88844139
今日推荐
周排行