动画CSS轮廓偏移属性
要使用CSS在outline-offset属性上实现动画,您可以尝试运行以下代码-
示例
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 350px;
height: 150px;
outline: 2px solid blue;
animation: myanim 3s infinite;
}
@keyframes myanim {
50% {
outline-offset: 50px;
}
}
</style>
</head>
<body>
<h1>CSS outline-offset property</h1>
<div> </div>
</body>
</html>