我想把我的框阴影从黄色改为黑色和黄色,然后重复这个过程。我不介意有人给我一个java脚本的答案,我只是想知道怎么做。
纯CSS解决方案如何?
.box {
height: 200px;
width: 200px;
background: #CCC;
animation-duration: 2s;
animation-name: changeShadow;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes changeShadow {
from {
box-shadow: 0px 4px 8px black;
}
to {
box-shadow: 0px 4px 8px yellow;
}
}
<div class="box"></div>