mirror of
https://gitee.com/dromara/sa-token.git
synced 2026-02-27 16:50:24 +08:00
30 lines
729 B
CSS
30 lines
729 B
CSS
/* 水滴样式 */
|
||
.water-drop {
|
||
position: fixed;
|
||
/* 改为fixed避免触发滚动条 */
|
||
width: 20px;
|
||
height: 28px;
|
||
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
|
||
transform: rotate(45deg);
|
||
z-index: 1550;
|
||
border: 2px solid rgba(0, 0, 0, 0.2);
|
||
/* 添加轮廓 */
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
||
/* 添加阴影增强视觉效果 */
|
||
}
|
||
|
||
/* 圆形扩散效果 div */
|
||
.color-wave {
|
||
position: fixed;
|
||
border-radius: 50%;
|
||
transform: scale(0);
|
||
z-index: -1;
|
||
/* 降低z-index确保不遮挡内容 */
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* 将页面主盒子设置为定位，这样就可以让水滴扩散的div 设置 z-index: 保持不覆盖 main-box 里的内容了 */
|
||
.main-box{
|
||
position: relative;
|
||
/* z-index: 1; */
|
||
} |