随笔分类 - css3
摘要：h5苹果ios系统中overflow: auto滑动不流畅 可以用的样式都加了，还是滑动不顺畅： 1、 css3特性中的transform：translateZ(0) 2、全部写 overflow-x: hidden;-webkit-overflow-scrolling: touch;overflo
阅读全文
摘要：注意：两端对齐，苹果iPhonex不支持 .public-just { text-align: justify; text-align-last: justify; padding: 0 0.1rem; box-sizing: border-box; }
阅读全文
摘要：弹性盒子模型兼容性： display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-item
阅读全文
摘要：【移动端】移动端点击可点击元素时，出现蓝色默认背景色，如图： web页面放在移动端，点击button 标签或者添加了cursor:pointer 样式的标签，会出现 蓝色背景色， 解决方案： 给相应标签 或者直接在body 标签上添加 样式： -webkit-tap-highlight-color:
阅读全文
摘要：原链接：https://www.jb51.net/css/713296.html css 模拟文字描边效果1： p{ text-shadow: -1px -1px 0 #4f4d57, 1px -1px 0 #4f4d57, -1px 1px 0 #4f4d57, 1px 1px 0 #4f4d57
阅读全文
摘要：css3随着外层包裹的旋转里面的图标或者文字正 思路：里面的图标的a跟外面包裹的div反方向旋转就行 css: .order-item{animation: rotation 22s linear infinite;} .order-item a{animation: rotationback 22
阅读全文
摘要：css3倾斜样式：transform:skewX(22deg) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init
阅读全文
摘要：禁止a标签点击, $(".demo").attr("disabled",true).css("pointer-events","none"); pointer-events 属性详解 pointer-events: auto | none | visiblePainted | visibleFill
阅读全文
摘要：弹幕写法： 放在样式之前：加这个js才不会出现加载到结尾的时候闪一下问题 <script> //在需要展示动画前，动态生成一个style，根据当前屏幕宽度定义好keyframes。 let style = document.createElement('style'); document.head.
阅读全文
摘要：原链接：https://www.cnblogs.com/xinjie-just/p/6715189.html 15年自学了 less ，可是一直没用，就忘记了。后来抱着提高 css 开发速度的目的，又去学习了 less ，学完马上用，效果立竿见影，记得也牢了。刚开始学习前，我们总会问自己一个问题，学
阅读全文
摘要：内外阴影同时显示： box-shadow: 0px 0px 0.4rem rgba(255,255,255,0.5) inset,0px 0px 0.7rem rgba(185,119,143,0.9); 文字描边 text-shadow: #000 1px 0 0, #000 0 1px 0, #
阅读全文
