随笔分类 - 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, #
阅读全文
摘要：@media媒体查询 另一种方式： 一种是直接在link中判断设备的尺寸，然后引用不同的css文件 上面的意思是当屏幕的宽度大于等于400px的时候，应用style.css 附件： https://blog.csdn.net/lockey23/article/details/75452536 htt
阅读全文
摘要：width=device-width ：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable=yes：表示用户是否可以调整缩放比例
阅读全文
摘要：于是就百度了一下： 1.在谷歌浏览器会出现默认点击input框黄色背景，如何去除？ //消除google浏览器黄色框 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {/*背景颜色*
阅读全文
摘要：关于video视频内容填充整个播放空间方法一般上传的视频都没法占满video，看起来很不美观，解决办法很简单video{ object-fit:fill;}
阅读全文
摘要：css代码： select { /*将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; } /*IE浏览器隐藏下拉箭头*/ select::-ms-expand { displa
阅读全文
摘要：1.css网格背景 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css网格背景</title> <style type="text/css"> body{ background-color: #451F4
阅读全文
浙公网安备 33010602011771号