最近被问到一个问题，关于楼层模型可视化，就是想建立一栋楼的模型，然后可以细分看到每一层的区域，可以旋转、移动，我第一时间拿到看到这个问题想到的就是用3D方式，用three.js吧，但是后面又慢慢分析了下，用three稍微有点用牛刀的感觉，然后想能不能简单点，用CSS3的3d属性来解决这个问题。 首先 ...
分类：
其他好文 时间：
2020-07-10 21:19:32
阅读次数：
152
flex属性是 flex-grow + flex-shrink + flex-basis 的缩写。 1.赋给3个值.item { flex: 100 200 300px;}// 等价于.item { flex-grow: 100; flex-shrink: 200; flex-basis: 300p ...
分类：
其他好文 时间：
2020-07-08 12:57:17
阅读次数：
93
animation动画使用 图片上下循环跳转 html代码： <div class="siteicon"> <img src="./siteicon.png" alt=""> <p>点击跳转</p> </div> css代码： @keyframes icon{ 0%{ opacity: 0.8; t ...
分类：
Web程序 时间：
2020-07-07 22:11:21
阅读次数：
159
目录 水平居中 行内元素 块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以） 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一：使用定位属性 方案二：使用flex ...
分类：
Web程序 时间：
2020-07-05 23:12:37
阅读次数：
99
css3的渐变可以使用2个或者多个指定的颜色之间显示平稳的过渡的效果。这篇文章主要介绍下css3实现背景颜色渐变，文字颜色渐变，边框颜色渐变的方法，以便大家学习参考！ 1、css背景颜色渐变 代码： <style> .content_bg{ width:600px;max-width: 100%;m ...
分类：
Web程序 时间：
2020-07-05 21:29:20
阅读次数：
69
html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { background-color: #eeeeee; display: flex; justify-content: center; align-items ...
分类：
Web程序 时间：
2020-07-05 17:17:12
阅读次数：
83
[#rotate2D,#rotate3D { width: 80px; height: 70px; color: white; position:relative; font-weight:bold; font-size:15px; padding:10px; float:left; margin-... ...
分类：
Web程序 时间：
2020-07-05 13:26:25
阅读次数：
120
创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-05 00:17:01
阅读次数：
77
在i.MXRT所有Flash下载算法里，痞子衡认为Segger J-Link版的Flash下载算法是最应该掌握的，毕竟Segger提供了完善的软件工具支持（Jlink commander、J-Flash、Ozone），既可独立使用，也可嵌入其他MCU开发环境中使用（实际上它与Keil算法文件是兼容的... ...
分类：
编程语言 时间：
2020-07-04 22:35:13
阅读次数：
113
分享一种平时用的三段式布局(flex) 主要思路是 上中下 header&footer 给高度 main 占其余部分 html 部分 <div class='wrap'> <div class='header'></div> <div class='main'></div> <div class=' ...
分类：
其他好文 时间：
2020-07-04 17:13:29
阅读次数：
83
