动画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>热门推荐
10 新婚迎宾海报祝福语简短
11 白日庆典祝福语简短英语
12 年前幸福祝福语大全简短
13 八一幼儿祝福语大全简短
14 学校职工祝福语大全简短
15 英语简短祝福语给学生
16 男朋友新年祝福语简短
17 爸爸爱你祝福语大全简短
18 新年过后奋斗祝福语简短