lijingshan34的博客_css3_51CTO博客

鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

在线学习

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

51CTO博客

首页
关注
排行榜
精品课程
免费直播
软考题库

科目全、试题精、讲解专业，扫码免费刷

搜索历史清空

热门搜索

查看【】的结果
写文章
创作中心
登录注册

# css3

css3 translateX,translateY,translate,transform,transition

css3 translateX,translateY,translate,transform,transition

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放

css3

应用

移动

2d

3d

原创 2023-03-02 08:46:54 266 阅读

Unable to preventDefault inside passive event listener due to target being treated as passive 怎么办？

翻译一下：chrome 监听touch类事件报错：无法被动侦听事件preventDefault，是新版本chrome 浏览器报错。说明：说应的...

chrome

事件处理

新版本

原创 2023-03-02 05:33:45 217 阅读

通过 css3 实现鼠标划过图片移动

.find_item_img:hover{transform: translateX(-5px);}.find_item_img{transition: transform .4s ease-out;position: absolute;bottom: 5px; right: 10px;width: 80px;height: 80px;}关键点： position: 绝对定位 :hover 方

css3

图片

鼠标

移动

绝对定位

原创 2023-03-02 02:25:14 411 阅读

css 新特征

cubic-bezier贝塞尔曲线CSS3动画工具 cubic-bezier即为贝塞尔曲线中的绘制方法。图上有四点，P0-3，其中P0、P3是默认的点，对应了[0,0], [1,1]。而剩下的P1、P2两点则是我们通过cubic-bezier()自定义的。cubic-bezier(x1, y1, x2, y2) 为自定义，x1,x2,y1,y2的值范围在[0, 1]。transparent是全透明

css

css3

动画

x

自定义

原创 2023-03-01 19:18:25 57 阅读

关于 transform:matrix(1,0,0,1,0,0)

transform 相对比较难理解的是 2D 的集合 matrix 。这里只是对 matrix 里面的元素进行分解 matrix( 1 , 0 , 0 , 1 , 0 , 0 ) 1 2 3 4 5 6 1. 正常值为1，定义的是 scaleX 通过设置 X 轴的值来定义缩放。值：>=0 2. 正常值为0，定义的是 skew 定义 2D

matrix

2d

x

缩放

旋转角度

原创 2023-03-01 19:18:25 326 阅读

linear-gradient() 实现渐变

<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+)<side-or-corner> = [left | right] || [top | bottom]<color-stop> = <color> [ <length> | <perce

线性渐变

ide

默认值

其他

原创 2023-03-01 19:18:24 119 阅读