C3
文章平均质量分 66
TongQiHang
小菜鸟一枚,请各位大佬多多指教
展开
-
html css 面试总结@酷酷的小航航
移动端1px问题,为什么会有?如何解决? 在移动端,屏幕分辨率的不同,一px渲染成二个像素点或者三个像素点。1px 可能被渲染为2px或者3px。 1.解决方法可以用媒体查询 transform:scale 来适配不同的分辨率 2.使用border-image来代替border 3.使用viewport+rem 通过js判断当前是几倍屏 来动态设置meta标签的内容 typeof和instance...原创 2019-12-16 11:18:24 · 162 阅读 · 0 评论 -
css3的动画卡顿闪屏@酷酷的小航航
css3的动画卡顿比较厉害 于是找各种方法 并一一去试 学会简单的处理方法和部分渲染原理 是否启用硬件加速GPU (Graphics Processing Unit)? “用到了CSS3动画”和“开启了硬件加速”是两件事情,虽然前者有可能导致后者。 开启硬件加速在webkit中有神奇的万金油:opacity: 1;或者-webkit-backface-visibility: hidden;。 尽量...原创 2019-11-05 11:05:06 · 1106 阅读 · 0 评论 -
c3 transition转载
transition过渡 过渡是怎么回事 假如某个css属性 P,它有一个初始值a,再设一个初始值b。指定P属性是可以过渡显示的,那么当P从a变到b时,会有一个动画的效果。 注意: 伪类的过渡会还原,非伪类元素动画执行完成后,会保存动画完成时的状态 transtion的几个属性: transition-property: 就是上面那个P,比如说你指定width发生变化, 就填width; tr...转载 2019-10-15 12:41:40 · 125 阅读 · 0 评论 -
css3动画
旋转 div{ transform:rotate(30deg); } 阴影 box-shadow: 10px 10px 5px #888888; 图片拉伸加字 div{border:15px solid transparent;width:250px;padding:10px 20px;} #round{-webkit-border-image:url(border.png) 30 3...原创 2019-10-15 12:27:16 · 71 阅读 · 0 评论