![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
from_shanghai
这个作者很懒,什么都没留下…
展开
-
dy——纯css3照片展示
css3: 1.开发前要进行规划,明确功能需求, 一些细节要注意 比如这个照片展示,它点击某张图片时,把点击的图片展示出来,而其他 图片要隐藏。这个过程,就是要注意一个先后顺序。是其他图片先消失,而且是 高度变为0,然后是要展示的图片宽度变成100%。 2.一些值得关注的知识点 (1)".close"的叉,不是写了个x,而是给close加了:before和:after 再在伪元素里写width,...原创 2019-05-26 17:37:01 · 418 阅读 · 0 评论 -
旋转菊花
邪恶的名字~~~~~~~~~~~~~~~~~~~~~~~~~ 哇咔咔~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #myCanvas{...原创 2019-07-10 14:22:15 · 344 阅读 · 0 评论 -
垂直居中;水平垂直居中;行级块元素水平垂直居中
吐血!!!!! 垂直居中: 法一: 父元素 display:flex,align-items:center; 法二:子绝父相 top:50% margin-top:-(高度/2) 法三:子绝父相 top:50% transform:translateY(-50%) 垂直水平居中 就略 也是这三种 两种写法: translate(-50%,-50...原创 2019-07-30 14:50:25 · 105 阅读 · 0 评论 -
内容撑开高度 以及 按钮居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="wrapper"> ...原创 2019-09-06 22:56:37 · 372 阅读 · 0 评论