今天在写一个小的 CSS Demo,一个关于 3d 球的旋转动画,关于 CSS 3D,少不了会使用下面这几个属性: 这个 Demo 你可以戳这里,大概是这样:CodePen Demo - 3D ball: 嗯,大概到了这个效果,想到了 CSS 混合模式 mix-blend-mode,寻思着,利用混合 ...
分类:
Web程序 时间:
2018-12-18 15:51:42
阅读次数:
231
主要描述的是如何运用 css 绘制一个抽奖转盘,并运用原生 js 实现转盘抽奖效果。 先来张效果图: 布局 一般来说,转盘一般有四个部分组成:外层闪烁的灯、内层旋转的圆盘、圆盘上的中奖结果、指针。 所以html的结构如下: 其中灯需要一直闪烁,而抽奖的时候转盘需要转动连带其中的中奖结果,而转盘指针不 ...
分类:
Web程序 时间:
2018-12-18 00:04:49
阅读次数:
915
最近在使用react native进行App混合开发,相对于H5的开发,RN所提供的样式表较少,RN中不能使用类似于css3中的动画,因此,RN提供了Animated的API 1.写一个最简单的动画 2.插值动画(loading旋转动画) this.state = { aniVal: new Ani ...
分类:
其他好文 时间:
2018-12-14 12:57:03
阅读次数:
213
一 简介 谈谈磁盘IO的问题二 目的:如何进行IO性能问题的排查 二 linux角度 一 基本定义 寻道时间,表示磁头在不同磁道之间移动的时间。 旋转延迟,表示在磁道找到时,中轴带动盘面旋转到合适的扇区开头处。 传输时间,表示盘面继续转动,实际读取数据的时间 二 机械硬盘 随机读写 1 需要多次寻道 ...
分类:
数据库 时间:
2018-12-11 12:55:40
阅读次数:
263
阿里巴巴微服务开源项目Nacos于近期发布v0.5.0版本,该版本主要包括了DNS-basedService Discovery,对Java 11的支持,持续优化Nacos产品用户体验,更深度的与Spring Cloud体系的网关集成等方面做了演进。
分类:
其他好文 时间:
2018-12-05 18:35:25
阅读次数:
123
//动画为沿y轴旋转 let animation = CABasicAnimation(keyPath: "transform.rotation.y") animation.fromValue = 0 animation.toValue = Double.pi * 2 animation.repea... ...
分类:
其他好文 时间:
2018-11-30 11:15:55
阅读次数:
192
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/ejZWKL 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 ...
分类:
Web程序 时间:
2018-11-29 11:05:23
阅读次数:
264
转换是使元素改变形状、尺寸和位置的一种效果。通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸,可以大致分为2D转换和3D转换。下面介绍的是2D转换的相关知识点。 首先,CSS中2D转换的形式是这样的: 选择器{ transform:转换函数(参数,参数); }而2D转换的函数一共 ...
分类:
Web程序 时间:
2018-11-26 22:09:19
阅读次数:
279
【题目】: 给定一个N*N的矩阵matrix,把这个矩阵调整成顺时针转动90°后的形式 例如: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 顺时针转动90°后为: 13 9 5 1 14 10 6 2 15 11 7 3 16 12 8 4 【要求】: 额外空间复杂 ...
分类:
其他好文 时间:
2018-11-12 11:31:02
阅读次数:
161