jquery を使用して、css box-shadow でパルス効果を作成しようとしています。次のコードを試しましたが、完全に失敗しました。私が達成しようとしているのは、ボックスシャドウを使用したスムーズなパルス効果です
私が試したコードはhtmlです
<div class="one">
</div>
CSS
.one {
width: 100px;
height: 100px;
background: red;
-webkit-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);
box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);
}
.two {
width: 100px;
height: 100px;
background: red;
-webkit-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
}
jquery
$("div").setInterval(function() {
$(this).toggleClass(".two");
}, 1000);