CSS 过渡 过渡(transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用Flash动画或JavaScript的情况下，当元素从一种样式变换为另一种样式时为元素添加效果 过渡动画： 是从一个状态渐渐的过渡到另外一个状态 可以让我们页面跟好看，更加动感十足，虽然低版本游览器不支持(i ...
分类：
Web程序 时间：
2020-03-08 22:01:08
阅读次数：
102
实现视频弹窗从上到下滑入： .video { transition: all .8s; &.slide { top:50%; opacity: 1; } position: fixed; top: -50%; left: 50%; transform: translate(-50%,-50%); z ...
分类：
Web程序 时间：
2020-03-08 18:06:57
阅读次数：
196
在 vue 中往往需要添加动画,但是并不像 JQ 一样可以比较容易的添加,经常我会避免使用动画,这样就不用考虑了,但是在类似轮播图中,还是需要动画效果动画样式1234567891011121314.slider-enter-active { transform: translateX(0); tra... ...
分类：
其他好文 时间：
2020-03-07 12:41:50
阅读次数：
73
css3的动画属性 通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 transition: 过渡： 特点：需要事件进行触发。 animation 动画： 特点：不需要事件进行触发，调用关键帧即可。 不同于过渡动画只能定义首尾两个状态，关 ...
分类：
Web程序 时间：
2020-03-03 11:05:32
阅读次数：
337
过渡动画使 UI 更富有表现力并且易于使用。如何使用 React 快速的实现一个 Transition 过渡动画组件？ ...
分类：
其他好文 时间：
2020-02-28 01:20:38
阅读次数：
41
深入理解Box-Shadow以及运用 Box-Shadow（盒子阴影）可设置的属性一共有六个，分别是x轴、y轴、blur、spread（模糊扩散范围）、color、insert（内阴影），其中经常用到就是设置X Y轴、blur(模糊度)以及color(颜色)这四个值。 实战 准备工作 1. 创建一个 ...
分类：
其他好文 时间：
2020-02-22 00:41:52
阅读次数：
105
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过渡动画效果</title> <style type="text/css"> div { width: 100px; height: 100px; backgr ...
分类：
Web程序 时间：
2020-02-20 21:55:04
阅读次数：
69
SDWebImageNSCache类似可变字典，线程安全，使用可变字典自定义实现缓存时需要考虑加锁和释放锁在内存不足时NSCache会自动释放存储的对象，不需要手动干预NSCache的key不会被复制，所以key不需要实现NSCopying协议第三方框架网络1.PPNetworkHelper对AFN... ...
分类：
移动开发 时间：
2020-02-06 12:46:52
阅读次数：
97
在Vue中同时使用过渡和动画 1.在需要设置过渡动画的元素外包裹<transition>标签，然后再设置对应的样式即可（v-enter,v-enter-active,v-leave-to,v-leave-active） 2.如果不想用默认的类，可以自定义类如，enter-active-class=" ...
分类：
其他好文 时间：
2019-12-20 20:08:15
阅读次数：
88
动画过渡两种方法 1.使用angular+animation实现 在app-module.ts中引入 BrowserAnimationsModule 1.import { BrowserAnimationsModule} from '@angular/platform-browser/animati ...
分类：
其他好文 时间：
2019-12-09 19:49:44
阅读次数：
173
