? 
? 
? 
? 
? 
? 

? 
? 



? 

? ? 

? ? ? 

? ? 
? 

.main {
? position: relative;
? overflow: hidden;
? width: 100vw;
? height: 100vh;
? background: pink;
? padding: 1px;
? box-sizing: border-box;
}
.circle-box {
? position: absolute;
? top: 200px;
? bottom: 0;
/* 如果初始化設置right, 需先隱藏left, left級別大于right*/
? /* left: 0; */
? right: 1px;
? width: 40px;
? height: 40px;
? line-height: 40px;
? border-radius: 50%;
? background-color: transparent;
? display: flex;
? justify-content: center;
? align-items: center;
? box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
? z-index: 999;
}
.circle-box .circle {
? width: 30px;
? height: 30px;
? border-radius: 50%;
? box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
? background-color: #fff;
? opacity: 0.5;

}