
css3
CodeEvil
这个作者很懒,什么都没留下…
展开
-
利用css3实现3D立方体旋转
<!DOCTYPE html><html><head> <title>cssBox</title> <style type="text/css"> *{ padding: 0; margin: 0; } #stage{ /*舞台元素,该元素作为舞台,不用进行3d操作,舞台内部的元素需设置为3原创 2018-05-17 10:01:02 · 681 阅读 · 0 评论 -
css3的全局属性inherit, initial, unset
1:inherit属性的意思是被应用属性继承父级的该属性,比如border-width:inherit,意味着边框宽度继承父级。每个元素都有该属性,也都有默认值,默认为inherit:yes的大致如下:所有元素可继承:visibility 和 cursor内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、 ...原创 2018-05-25 10:29:55 · 3391 阅读 · 0 评论 -
关于在谷歌浏览器动画在进行过程中其他元素出现抖动问题
开发过程中发现一个现象,某个执行动画的元素,在动画进行中,动画元素所经过的元素或者动画旁边的元素会出现抖动现象,看起来很奇怪又摸不着头脑,参考网上有些技术文章后发现是由于动画执行过程中可能会导致某些设定position:fixed元素的z轴坐标发生改变,不是z-index,而是translateZ()对应的值发生改变。 经过测试对出现抖动问题的元素加上translateZ(0)以后,...原创 2018-08-22 11:15:14 · 1012 阅读 · 0 评论