2020-04-09 15:09:02 -- Edit by yangray Transform 类是TransformNode的子类,它是所有执行变换的TransformNode的实例的基类。所有非仿射变换都应是Transform的子类。(仿射变化都应是Affine2D的子类) 方法: _iter ...
分类:
其他好文 时间:
2020-04-09 15:22:41
阅读次数:
110
一、2D功能函数: 1)2D位移: ①transform:translate(x,y); ②transform:translateX(x轴移动的距离); ③transform:translateY(Y轴移动的距离); 2)2D的缩放: ①transform:scale(x,y); ②transfor ...
分类:
其他好文 时间:
2020-04-07 20:54:56
阅读次数:
85
a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} ...
分类:
Web程序 时间:
2020-04-06 23:36:39
阅读次数:
167
前言 总括: CSS居中一直是一个比较敏感的话题,为了以后开发的方便,楼主觉得确实需要总结一下了,总的来说,居中问题分为垂直居中和水平居中,实际上水平居中是很简单的,但垂直居中的方式和方法就千奇百怪了。 原文地址:CSS居中小谈 知乎专栏&&简书专题:前端进击者(知乎)&&前端进击者(简书) 博主博 ...
分类:
Web程序 时间:
2020-04-06 21:02:16
阅读次数:
97
前段时间因为店铺不能开门,我花了一些空余时间看了很多机器学习相关的资料,我发现目前的机器学习入门大多要不门槛比较高,要不过于着重使用而忽视基础原理,所以我决定开一个新的系列针对程序员讲讲机器学习。这个系列会从机器学习的基础原理开始一直讲到如何应用,看懂这个系列需要一定的编程知识(主要会使用 pyth ...
分类:
其他好文 时间:
2020-04-06 17:44:39
阅读次数:
74
尽量使用css3动画,开启硬件加速 适当使用touch时间代替click时间 避免使用css3渐变阴影效果 可以用transform: translateZ(0) 来开启硬件加速 不滥用float。float在渲染时计算量比较大,尽量减少使用 不滥用web字体。web字体需要下载,解析,重绘当前页面 ...
分类:
移动开发 时间:
2020-04-06 17:34:37
阅读次数:
72
CSS3 transition动画 1、transition-property 设置过渡的属性,比如:width height background-color2、transition-duration 设置过渡的时间,比如:1s 500ms3、transition-timing-function ...
分类:
Web程序 时间:
2020-04-06 13:26:02
阅读次数:
79
html.gray { -webkit-filter: grayscale(.95); } 兼容性 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); - ...
分类:
Web程序 时间:
2020-04-06 11:39:31
阅读次数:
89
方法一: 1 <html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);"> 方法二: body *{ -webkit-filter: ...
分类:
Web程序 时间:
2020-04-05 20:46:54
阅读次数:
97
仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。那就没意思了。 有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理由还是,那就没意思了。 这次用到了一些LESS的特性,通过设置一些指定的参数来生 ...
分类:
Web程序 时间:
2020-04-05 18:43:30
阅读次数:
85