css
chenqiong1991
这个作者很懒,什么都没留下…
展开
-
css垂直居中
设置父元素position为relative,要居中的子元素position为absolute,然后设置居中子元素的位置的top和left均为50%,再将该元素进行平移translate(-50%,-50%)<div class="myParent"> <span class="myChild">123</span></div>效...原创 2019-02-20 11:38:24 · 214 阅读 · 0 评论 -
css清除浮动
不清除浮动产生的问题:红色为浮动的元素,浮动元素影响正常DOM流动,其父元素不考虑该浮动元素的高度,似乎无视了该浮动元素。并且影响了父元素的兄弟元素。方法一:父元素内添加空元素,并设置clear:both&amp;amp;lt;div class=&amp;quot;topDiv&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&原创 2019-02-20 11:20:56 · 156 阅读 · 0 评论 -
css 3D盒子动画
翻转盒子放在父容器中,触发动画的hover绑定在父容器上。否则,在360、搜狗等浏览器中,直接给3D盒子绑定hover,会出现抖动现象。本例子中,div为盛放3D盒子的父容器,且设置perspective属性,以获得更好的3D透视效果。同时,这会导致盒子翻转后大小会发生变化,再给翻转后的盒子设置translate3d(0,-50px,0); 从而让盒子恢复原始大小。主要通过::before伪...原创 2019-01-22 11:45:13 · 1106 阅读 · 0 评论