纯CSS 3D滑块
..... html ...... <title> repl.it </ title> ...... css ....... * {边距:0; 填充:0; } 正文{padding:20px; 背景:#eee; 用户选择:无; }
[type = radio] {显示:无; }
#slider {高度:35vw; 职位:相对视角:1000px; 转换样式:preserve-3d; }
#slider标签{保证金:自动; 宽度:60%; 高度:100%; border-radius:4px; 位置:绝对; 左:0; 正确:0; 光标:指针; 过渡:轻松转换0.4秒; }
#s1:选中〜#slide4,#s2:选中〜#slide5,#s3:选中〜#slide1,#s4:选中〜#slide2,#s5:选中〜#slide3 {框阴影:0 1px 4px 0 rgba(