![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
<div class="light"></div>
</div>
<style>
.container{
border-radius: 50%
background: #49b0fd
width: 100px
height: 100px
}
.light{
width: 100px
height: 100px
box-shadow: 0 0 2px 2px rgba(0,0,0,1)
border-radius: 50%
transform-origin: center center
position: relative
animation: linear mymove 5s infinite
}
.light:after {
position: absolute
left: -5px
top: 50%
margin-top: -5px
content: ""
width: 10px
height: 10px
background: red
border-radius: 20px
}
@keyframes mymove{
from {transform:rotate(0deg)}
to {transform:rotate(360deg)}
}
</style>
老铁，看看这段，核心的样式写出来了，具体大小就由老铁自己去试着改啦。
几个注意点：1.两个容器最好一样大。2. 光点大小变了对应的 left和margin-top也要改。3.动画时间、动画缓动也可以改
戳我获取 完整源码
