随笔分类 - h5/cs3
前端
nextJs中使用styled-jsx
摘要：NextJs 不支持直接在页面和组件里import Css这种引入方式（除了全局引入），但是可以使用styled-jsx的方式进行Css的样式定义，也可以实现样式加载 NextJs中Css的几种使用方案： global 全局引入： 在main文件或者app.js/ts 文件里面进行全局引入，这种只是
阅读全文
通过滤镜filter属性hue-rotate变换主题的方案
摘要：主题切换方案一般都是依赖Css变量去做，但是可以通过滤镜属性可以实现主题色的变换； 1，hue-rotate属性，用于调整元素的色相，色相的概念可以在 HSL 中看到 H：色相 S：饱和度 L：亮度 body { filter: hue-rotate(45deg); } 成本几乎为0，实现简单。缺点
阅读全文
一、`2D` 转换之 `translate`
摘要：###### 一、`2D` 转换之 `translate` 1. `2D` 转换 - `2D` 转换是改变标签在二维平面上的位置和形状 - 移动： `translate` - 旋转： `rotate` - 缩放： `scale` 2. `translate` 语法 - x 就是 x 轴上水平移动 -
阅读全文
2D动画效果transform
摘要：transform:2D转换1，移动：translate transform:translate(x,y); //translate(x,y) 定义 2D 转换。 translateX(x) //定义转换，只是用 X 轴的值。 translateY(y) //定义转换，只是用 Y 轴的值。 tran
阅读全文
