![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
m0_46383567
这个作者很懒,什么都没留下…
展开
-
旋转相册
先写一个基本的结构 然后设置父元素也就是盒子的宽高大小,给它景深(起近大远小的效果)一定是要设置给父元素的 因为我用的是十个li ,那么ul需要变成一个3d空间 首先是需要把十个li定位在同一地方 再把图片设置成和li一样大,然后每个li分别去旋转36度、72度、108度…360度 再给它们向后(z轴为正值)拉开距离,形成一个圈 这样初始的效果就做出来啦,接着就是如何让它动起来 anima...原创 2020-03-08 15:59:36 · 260 阅读 · 0 评论 -
宽高自适应
相对窗口和父元素的自适应写法 宽度:当块状元素不写宽度的时候,默认的宽度就是100%; 始终跟父元素是同宽的。 width:100%; 默认情况下:如果给块元素加了绝对定位或者固定定位,他的宽度就不在是100%显示了。也不会跟父元素同宽的,而是跟里面的内容同宽,如果元素里面没有内容,有没有定义宽高,这个时候,元素就不见了 高度: 当让元素的高度相对浏览器窗口显示半分比的值得时候,一定要给HTML和...原创 2020-03-01 14:30:17 · 129 阅读 · 0 评论 -
display属性
display属性 常见的属性值有如下几种 display:block用于将其它类型的元素转换成块状元素例如在img标签中,图片默认的对齐方式是基线对齐,如果把img标签转成块状元素就可以解决图片下方3像素的问题 display:none用于隐藏元素 例如在导航列表中想设置鼠标滑过前后不同的显示样式,就可以很好的应用 鼠标滑过前span是被隐藏的 鼠标滑过后em标签的被隐藏的 ...原创 2020-02-23 15:17:00 · 170 阅读 · 0 评论