2024-04-19视差滚动是一种效果，能够上网站页面的不同层次的元素以不同的速度进行滚动，从而产生了视觉上的深度感和动态效果。可以通过两种方式来实现：`background-attachment`和`transform:translate3D`。_如何使用css完成视差滚动效果?

https://www.qianduange.cn//article/5285.html 分类：前端知识

2024-04-03注：要加上translateX translateZ。ios 动画transition不执行。_css动画在ios中不能完全执行

https://www.qianduange.cn//article/4421.html 分类：前端知识

2024-03-18转换Transform我们简单理解就是变形有2D和3D之分我们暂且学了三个 分别是位移 旋转和缩放2D移动translate（x,y)最大的优势是不影响其他盒子，里面参数用%，是相对于自身宽度和高度来计算的可以分开写比如translateX(x)和translateY(y)2D旋转rotate（度数） 可以实现旋转元素 度数的单位是deg2D缩放scale（x,y)里面的参数是数字不跟单位 可以是小数 最大的优势 不影响其他盒子设置旋转中心点transform-origin:x y。

https://www.qianduange.cn//article/3930.html 分类：前端知识

2024-03-179、 表单控件 calendar , date , time , email , url , search , tel , file , number。transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)间来回传递，而 sessionStorage 和 localStorage 不会自动把数据发送给服务器，仅在本地保存。1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务器。

https://www.qianduange.cn//article/3897.html 分类：前端知识

2024-03-15- transform: 旋转： rotate(45deg) 缩放： scale(1.5) 倾斜： skew(30deg, 20deg) 平移： translate(50px, 20px);过渡动画的时间函数 默认值：ease(先慢后快再慢)，还有其他值：linear（匀速）、ease-in（先慢后快）、ease-out（先快后慢）-- 实现盒阴影的动画(过渡)，旋转 倾斜 缩放 平移 动画 -->-- 水平垂直居中第二种方法 圆角 盒阴影 渐变 -->-- 文本添加阴影 -->

https://www.qianduange.cn//article/3785.html 分类：前端知识

2024-03-10页面上有两个 div 元素块，使用 transform: translateX(20px) 让第一个元素块向 X 轴移动 20 个像素；使用 transform: translateY(30px) 让第二个元素块向 Y 轴移动 30 个像素。在上面代码中，用 steps 的方式将 div 元素分成四步，使元素的面积逐渐变成原来的 2 倍，当鼠标从元素上移开，又会以四步的形式将元素还原成原有的大小。接下来给大家介绍一下 transition-timing-function 属性的取值吧！_css rotate

https://www.qianduange.cn//article/3519.html 分类：前端知识

2024-03-102D转换是改变标签在二维平面上的位置和形状的一种技术。CSS的二维坐标系是下面这样，与数学上的不同。

https://www.qianduange.cn//article/3515.html 分类：前端知识

2024-03-08CSS3过渡、过渡练习——进度条案例、2D转换(translate、rotate、scale、转换中心点transform-origin)、动画、3D、案例（两面翻转的盒子、3D导航栏、旋转木马案例）_css进度条动画

https://www.qianduange.cn//article/3434.html 分类：前端知识

2024-03-063D移动在2D移动的基础上多加了一个可以移动的方向，就是z轴方向。内容里有旋转木马的案例_css translate3d

https://www.qianduange.cn//article/3306.html 分类：前端知识

2024-03-04直接给translate的Y轴偏移设为绝对单位，此时也是不会模糊的，此时不管你元素高度是奇数还是偶数 transform: translate(-50%,-201px);原本字体的父级为列子中的popup-box，我们可以看到该父级是参与定位偏移的，所以才会影响到里面的字体，因此我们让字体套多一层父级即可。偏移元素达到定位的效果，但是相继出现的是，如果元素内部有字体的话，会出现模糊的问题。3.给translate的Y值偏移设为绝对单位。1.给字体加多一个父级。_transform: rotate 导致兄弟元素模糊

https://www.qianduange.cn//article/3188.html 分类：前端知识