css圆形形状的投影 |css鼠标滑动 效果

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
box-shadow: 2px 2px 5px #ccc;
}

在上面的代码中，大家首先定义了一个宽高为100px、圆角半径为50%的圆形元素，并为其添加了一个2px的投影效果。可以通过调整box-shadow属性中的参数来实现不同的投影效果，其中前两个参数表示投影的水平和垂直偏移量，第三个参数表示模糊程度，越大越模糊，最后一个参数表示投影的颜色。

除了box-shadow，CSS中还有其他一些属性可以用来为圆形元素添加投影效果，比如text-shadow，当然，在使用这些属性时也需要注意其兼容性和使用时的细节问题。

总之，在设计网页时，运用这些CSS属性可以让页面显得更加美观、立体，给用户带来更好的视觉体验。