过渡 Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 自定义过渡的类名 我们可以通过以下 attribute 来自定义过渡类名： enter-class en ...
分类：
其他好文 时间：
2020-12-10 10:40:02
阅读次数：
3
注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gray; overflow: auto;"> <div style="width ...
分类：
Web程序 时间：
2020-12-07 11:57:04
阅读次数：
8
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式 CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)两部分组成。 弹性容器通过设置 display 属性的值为 flex 或 inline‐flex将其定义为弹性 ...
分类：
其他好文 时间：
2020-12-04 11:45:31
阅读次数：
16
这篇文章主要介绍了CSS3 实现倒计时效果的示例代码，帮助大家更好的理解和使用CSS3，感兴趣的朋友可以了解下 实现效果 html 1 %div.wrapper 2 %div.time-part-wrapper 3 %div.time-part.minutes.tens 4 %div.digit-w ...
分类：
Web程序 时间：
2020-11-25 13:01:13
阅读次数：
24
使用translate控制元素二维移动： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; box-sizing ...
分类：
Web程序 时间：
2020-11-16 13:51:56
阅读次数：
19
效果一： 代码：<div class="cornerCut">corner cutcorner cutcorner cutcorner cut</div> CSS： .cornerCut{ width:200px; margin: 10px 20px; height: 200px; backgrou ...
分类：
Web程序 时间：
2020-11-16 13:25:44
阅读次数：
29
重复栅格的命名技巧： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
分类：
Web程序 时间：
2020-11-10 11:20:17
阅读次数：
29
涉及平台：平台管理（包含自营店面）、商家端（PC端、手机端）、买家平台（PC端、H5/公众号、小程序、APP端（IOS/Android）、微服务核心架构：SpringCloud、SpringBoot、MybatisPlus、Redis前端框架：VUE、Bootstrap/H5/CSS3、IOS、Android、小程序核心思想：分布式、微服务、云架构、模块化、原子化、持续集成、集群部署开发模式：代码
分类：
编程语言 时间：
2020-11-07 16:48:52
阅读次数：
19
线性渐变 linear-gradient(direction, color-stop1, color-stop2, ...); 带兼容写法 这两个是效果一样的 background: linear-gradient(to bottom, #51098A 0%, #ffffff 100%); back ...
分类：
Web程序 时间：
2020-11-01 20:45:22
阅读次数：
27
共同点 他们都是随时间改变元素的属性值 animation animation不需要触发任何事件的情况下才会随时间改变属性值， animation可以一帧一帧的。 animation 指定要绑定到选择器的关键帧的名称 transition transition需要触发一个事件才能改变属性， tran ...
分类：
其他好文 时间：
2020-10-29 09:54:21
阅读次数：
23
