最近被问到一个问题，关于楼层模型可视化，就是想建立一栋楼的模型，然后可以细分看到每一层的区域，可以旋转、移动，我第一时间拿到看到这个问题想到的就是用3D方式，用three.js吧，但是后面又慢慢分析了下，用three稍微有点用牛刀的感觉，然后想能不能简单点，用CSS3的3d属性来解决这个问题。 首先 ...
分类：
其他好文 时间：
2020-07-10 21:19:32
阅读次数：
152
官网解释 <transition> 元素作为单个元素/组件的过渡效果。<transition> 只会把过渡效果应用到其包裹的内容上，而不会额外渲染 DOM 元素，也不会出现在可被检查的组件层级中。 Props： name - string，用于自动生成 CSS 过渡类名。例如：name: 'fade ...
分类：
其他好文 时间：
2020-07-10 11:27:05
阅读次数：
94
视频： 需要安装：gl-transitions、regl-transitio、regl、gl-shader import GLTransitions from 'gl-transitions'; import createREGLTransition from 'regl-transition'; ...
分类：
其他好文 时间：
2020-07-09 01:12:32
阅读次数：
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
从C到C++过渡的3个原因 3 reasons to transition from C to C++ 几十年来，嵌入式软件工程师们一直在争论他们是否应该使用C或C++。根据2019年嵌入式市场调查，微控制器制造商提供的软件大部分是用C语言提供的，事实上，56%的嵌入式软件是用C语言编写的。然而，C ...
分类：
编程语言 时间：
2020-07-06 20:16:24
阅读次数：
68
css3的渐变可以使用2个或者多个指定的颜色之间显示平稳的过渡的效果。这篇文章主要介绍下css3实现背景颜色渐变，文字颜色渐变，边框颜色渐变的方法，以便大家学习参考！ 1、css背景颜色渐变 代码： <style> .content_bg{ width:600px;max-width: 100%;m ...
分类：
Web程序 时间：
2020-07-05 21:29:20
阅读次数：
69
[#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
<template> <transition name="slide"> <div class="search_page"> 123 </transition> </template> <script> export default { name: "SearchPage", components: ...
分类：
Web程序 时间：
2020-07-04 12:00:44
阅读次数：
93
box-sizing属性用来定义元素的width和height所表示的区域,该属性一般有三种值：content-box、border-box、inherit。其中inherit表示box-sizing的值应该从父元素继承。content-box和border-box的主要区别就是元素的width和h ...
分类：
Web程序 时间：
2020-07-04 01:17:58
阅读次数：
91
