Bootstrap进度条组件详解 首先需要导入相关bootsrap的组件包：bootstrap.min.css、jquery.min.js、bootstrap.min.js 等，这个就不多说了 在网页中，进度条的效果并不少见，如：平分系统、加载状态等，进度条组件使用了css3的transition和 ...
分类：
其他好文 时间：
2020-07-03 10:27:12
阅读次数：
39
今日学习内容： css3： fliter : blur(); （模糊化）数值越大越模糊 width : clac(100% - 10px); 计算盒子宽度 transition : width/all 1s/5s linear(匀速)、ease(逐渐慢下来)、easr-in(加速)、ease-out ...
分类：
其他好文 时间：
2020-06-28 00:19:19
阅读次数：
66
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也 ...
分类：
其他好文 时间：
2020-06-22 10:49:38
阅读次数：
31
CSS3中过渡和动画的区别和各自适用场景？ 区别： 1）语法： 过渡——transition: 属性名 完成时间 速度曲线 延迟时间; 动画——animation: 自定义名称 完成时间 速度曲线 播放次数 奇偶顺序 延迟时间; @keyframes 自定名称{} 需要先定义关键帧，再通过anima ...
分类：
其他好文 时间：
2020-06-19 21:14:04
阅读次数：
67
在css中使用伪类虽然实现了样式的改变，但由于没有过渡效果会显得很生硬。以前如果要实现过渡，就需要借助第三方的js框架来实现。现在只需要使用CSS3的过渡（transition）功能，就可以从一组样式平滑的切换到另一组样式。 （1）背景色过渡变化 下面鼠标移入后，按钮背景色会慢慢地变成黄色。鼠标离开 ...
分类：
Web程序 时间：
2020-06-07 16:35:02
阅读次数：
232
5.1概述 5.1.1延时计算基础 本章不考虑互联线上的电容影响。transition time和slew 本质上一样。对于多输入引脚单元来说，不同的输入引脚引发不同的输出转换时间值。单元延时由输入引脚转换时间和输出负载共同决定。 5.1.2含互联线延时计算 布图之前的时序 正如第四章所介绍的，布图 ...
分类：
其他好文 时间：
2020-06-07 15:14:42
阅读次数：
118
最近在类似于滴滴软件的一款小程序，工程确实有点大，很多东西都是第一次做。这次记录一下关于左滑删除的一个代码记录。主要的思想就是计算滑动距离的大小来使用css中的 transition 控制滑动的效果，主流的都是控制边距margin来达到左滑的效果。 根据我所拿到的ui，我所运用的是使用宽度和radi ...
分类：
微信 时间：
2020-06-04 19:26:24
阅读次数：
133
2dtransition: all 0.5s;/* 旋转基点 支持设置 10px 20px*/transform-origin: left top; //以左上角为基点transform: rotate(90deg); //旋转90度// 动画transition:all .6s;//放大trans... ...
分类：
Web程序 时间：
2020-06-02 11:11:20
阅读次数：
77
前言 上一篇 css3 动画（一） transition 中，介绍了 transition 的用法。其中 transition 包含四个可设置的属性： 有过渡效果的属性 过渡时长 过渡函数？ 过渡时延 其中，1、2 以及 4 都挺好理解的，但是 3 是个什么东西？其实 3 是 css3 中的 tim ...
分类：
Web程序 时间：
2020-06-02 11:07:35
阅读次数：
84
自定义两组样式，来控制 transition 内部的元素实现动画 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="lib/vue-2.4.0.js" type="text/javasc ...
分类：
其他好文 时间：
2020-05-31 22:05:12
阅读次数：
70
