css
lcj529
这个作者很懒,什么都没留下…
展开
-
3D动画效果实现步骤
3D动画效果实现步骤 3D呈现(transform-style) 3D元素构建是指某个图形是由多个元素构成的,可以给这些元素的父元素设置transform-style: preserve-3d来使其变成一个真正的3D图形。属性值可以如下: transform-style: preserve-3d; //让 子盒子 位于三维空间里 transform-style: flat; //让子盒子位于此元素所在的平面内(子盒子被扁平化) 案例: html部分 <body>原创 2020-09-11 19:53:56 · 672 阅读 · 0 评论 -
水平居中,垂直居中十种方法
水平居中,垂直居中十种方法 **第一种:**通过绝对定位的方式 absolute + 负margin 首先知道子元素的宽高,给子元素设置top:50%;left:50%, 但绝对定位是基于子元素的左上角,我们所希望的效果是子元素的中心居中显示。。。。借助外边距的负值,负的外边距可以让元素向相反方向定位, 通过指定子元素的外边距为子元素宽度一半的负值,就可以让子元素居中了 **优点:**比较好理解,兼容性好 **缺点:**需要知道子元素的宽高 **第二种:**也是通过绝对定位的方式 abs原创 2020-09-09 19:04:41 · 242 阅读 · 0 评论