LizequaNNN的博客

PostCSS 是一个使用 JavaScript 工具和插件转换 CSS 代码的工具，它的主要功能其实是可以利用 JavaScript 去处理一些原生的 CSS 或者预处理器（Less、Sass）处理不了的工作。

CSS —— 使用 filter 实现全站灰化一、了解 CSS - filterfilter是CSS3的属性函数，该属性定义了元素(通常是图片)的可视效果(例如：模糊与饱和度)。样式里面可以使用空格分隔符来应用多个滤镜，但需要注意的是，旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 filter 属性已被废弃。 IE8 及更低版本浏览器通常使用 opacity 属性。JavaScript语法：object.style.WebkitFilter="grays

CSS —— 手摸手实现一个文字霓虹灯闪烁特效一、了解 text-shadow 属性text-shadow 属性应用于阴影文本，属于 CSS3 的属性，默认值为 none。text-shadow 属性连接一个或更多的阴影文本。属性是阴影，指定的每2或3个长度值和一个可选的颜色值用逗号分隔开来。已失时效的长度为0。语法：text-shadow: h-shadow v-shadow blur color;值描述h-shadow必需。水平阴影的位置。允许负值。v-shad

CSS —— 手摸手撸一个文字渐变和扫光动效一、了解 linear-gradient 属性linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。创建一个线性渐变，需要指定两种颜色，还可以实现不同方向（指定为一个角度）的渐变效果，如果不指定方向，默认从上到下渐变。语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...);值描述direction

CSS —— 单行和多行文本实现省略号一、单行文本单行文本需要添加固定宽度以兼容部分浏览器，像小程序、微信浏览器等，建议添加。width: 200px;text-overflow: ellipisis;white-space: nowrap;overflow: hidden;二、多行文本display: -webkit-box：将对象作为弹性伸缩盒子模型显示 ，实现多行文本的前提条件；-webkit-line-clamp：该属性 可以把 块容器 中的内容限制为指定的行数，必填；-

CSS ---- 隐藏滚动条一、隐藏滚动条tips：注意兼容不同浏览器:root,html,body { padding: 0; margin: 0; overflow: -moz-hidden-unscrollable; height: 100%}/* 隐藏滚动条 */body::-webkit-scrollbar { display: none;}body { -ms-overflow-style: none; height: 100%; widt

1