随笔分类 - CSS
摘要：原文： Hey! The Intellisense extension does need a config file to work today. I would suggest creating one in your project root to enable the extension.
阅读全文
摘要：每像素包含点的数量（dots per pixel） 普通屏幕通常包含96dpi，一般将2倍于此的屏幕称之为高分屏，即大于等于192dpi的屏幕，比如Mac视网膜屏就达到了192dpi（即2dppx），打印时一般会需要更大的dpi； 1dppx = 96dpi 1dpi ≈ 0.39dpcm 1dpc
阅读全文
摘要：1. 制作SVG字体 制作SVG字体的办法有很多，我这里选择了Adobe XD进行制作。 至于Adobe XD具体是怎么使用的，因为我也不熟悉，所以这里就不进行过多的讲解了… 将字体样式设置好后，需要点击转换为路径，然后点击复制SVG代码。 粘贴到HTML项目中，就类似于下面这个样子。 <svg h
阅读全文
摘要：该属性规定图像的上、右、下、左侧边缘的向内偏移，图像被分割为九个区域：四个角、四条边以及一个中间区域。除非使用了关键词 fill，否则中间的图像部分会被丢弃。如果省略第四个数值/百分比，则与第二个值相同。如果省略第三个值，则与第一个值相同。如果省略第二个值，则与第一个值相同。 ………………？？？？？
阅读全文
摘要：https://developer.mozilla.org/zh-CN/docs/Web/CSS/clip-path <clip-source> 用 <url> 表示剪切元素的路径 <basic-shape> 一种形状，其大小和位置由<几何盒>值定义。如果没有指定几何框，则边框将用作参考框 <geo
阅读全文
摘要：.reflect { -webkit-box-reflect:below 0 linear-gradient(transparent, rgba(255,255,255,0.1)); } 语法 box-reflect：none | <direction> <offset> <mask-box-ima
阅读全文
摘要：Less 颜色操作 描述 LESS提供了许多有用的操作功能，以不同的方式改变和操作颜色，并采用相同单位的参数。 LESS支持一些颜色操作功能，如下表所示: S.N.指令及描述 1 saturate 它改变元素中颜色的强度或饱和度。 2 desaturate 它降低了元素中颜色的强度或饱和度。 3 l
阅读全文
摘要：.loop(@n, @i: 1) when (@i =< @n) { .primary-@{i} { background: mix(@primary, #fff, 10%*@i); } .secondary-@{i} { background: mix(@secondary, #fff, 10%*
阅读全文
摘要：做项目经常会遇到图片列表展示，图片一般是用户从后台上传的，上传的图片尺寸千差万别。如果前端不控制图片大小，整个排版就会很乱，如果给定长宽，图片又会变形，用背景图片来处理有特别麻烦。这个问题一直苦恼了我好久，最近终于找到解决办法了。 css有一个object-fit属性，用来指定替换元素的内容应该如何
阅读全文
摘要：实例 使用简写属性，将动画与 div 元素绑定： 定义和用法 animation 属性是一个简写属性，用于设置六个动画属性： animation-name animation-duration animation-timing-function animation-delay animation-i
阅读全文
摘要：p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
阅读全文
摘要：实例 在恰当的断字点进行换行： 定义和用法 word-break 属性规定自动换行的处理方法。 提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。 语法 word-break: normal|break-all|keep-all; 值描述 normal 使用浏览器默认的换
阅读全文
摘要：backdrop filter属性允许我们使用css对元素后面的内容应用过滤效果。 此属性是定义筛选器属性的筛选器效果模块级别1的扩展。它使用与filter属性相同的语法，但效果将应用于元素的背景。这种影响常见于运行ios7及以上版本的设备接口，以及os x yosemite及以上版本的设备接口。如
阅读全文