动画框阴影CSS属性
要使用CSS在box-shadow属性上实现动画,您可以尝试运行以下代码
示例
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 300px;
background: yellow;
border: 10px solid red;
animation: myanim 3s infinite;
bottom: 30px;
position: absolute;
}
@keyframes myanim {
20% {
bottom: 100px;
box-shadow: 30px 45px 70px orange;
}
}
</style>
</head>
<body>
<h2>Performing Animation on box-shadow</h2>
<div></div>
</body>
</html>热门推荐
10 弟弟的祝福语简短霸气
11 小考加油文案祝福语简短
12 海鲜送礼祝福语简短大全
13 恭喜订婚的祝福语简短
14 贺卡文字同事祝福语简短
15 酒店客人祝福语简短
16 感动妈妈的祝福语简短
17 迟到的过年祝福语简短
18 老师新婚快乐祝福语简短