- 博客(4)
- 收藏
- 关注
原创 彩虹和滑动解锁实现
web前端实现彩虹样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-11-17 19:59:33
49
原创 旋转立方体
html,body {width: 100%;height: 100%;} * {margin: 0;padding: 0;} .box{ position: absolute; height: 200px; width: 200px; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; transform-style: preserve-3d; background: #eee; box-sizing: border-box; tra
2021-11-16 23:50:56
29
原创 2021-11-15
//CSS代码 body { transform-style: preserve-3d; } .circle { border-radius: 50%; height: 80px;width:80px; display: inline-block;position: relative;border-width: 10px;border-style: solid; } .circle1 { border-color: red;transform: rotateY(-1deg); } .circle2 { b.
2021-11-15 20:04:49
34
原创 2021-11-15
前段实现奥运五环 CSS代码部分 body { transform-style: preserve-3d; } .circle { border-radius: 50%; height: 80px; width:80px; display: inline-block; position: relative; border-width: 10px; border-style: solid; } .circle1 { border-color: red; transform: rotateY(-1deg); }
2021-11-15 19:56:06
35
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人