无编辑摘要 标签:已被回退 |
(清空全部内容) 标签:清空 手工回退 |
||
第1行: | 第1行: | ||
ul.lbcircle, |
|||
ul.lbhua { |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none !important; |
|||
} |
|||
.lboutbox { |
|||
position: relative; |
|||
width: 500px; |
|||
height: 300px; |
|||
overflow: hidden; |
|||
} |
|||
.lbinbox { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
height: 300px; |
|||
display: flex; |
|||
transition: left ease-in-out .5s; |
|||
} |
|||
.lbinbox > div { |
|||
width: 500px; |
|||
height: 300px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.lbbox1 { |
|||
background-color: #66ccff; |
|||
} |
|||
.lbcircle { |
|||
position: absolute; |
|||
width: 100%; |
|||
bottom: 0; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.lbcircleChild { |
|||
width: 20px; |
|||
height: 20px; |
|||
border-radius: 20px; |
|||
background-color: #fff; |
|||
margin: 10px 10px; |
|||
} |
|||
.lbcircle > .lbhover { |
|||
background-color: #26b94b !important; |
|||
} |
|||
.lbhua { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.lbhua > li { |
|||
margin: 0 3px; |
|||
color: #fff; |
|||
font-weight: 900; |
|||
font-size: 30px; |
|||
cursor: pointer; |
|||
border-radius: 1000px; |
|||
user-select: none; |
|||
background-color: rgba(0, 0, 0, 0); |
|||
transition: background-color ease-in-out .2s; |
|||
} |
|||
.lboutbox:hover > .lbhua > li { |
|||
background-color: rgba(0, 0, 0, .3); |
|||
} |