1.wxml <view class="my-dialog" > <view class="my-mask" bindtap="confirmDialog" hidden="{{!showDialog}}" ></view> <view class="my-container" animation= ...
分类：
微信 时间：
2019-10-12 10:42:18
阅读次数：
482
CSS3提供了丰富的动画类属性，使我们可以不通过flash甚至JavaScript，就能实现很多动态的效果。它们主要分为三大类：transform（变换），transition（过渡），animation（动画）。其中transform又分为2D变换和3D变换，它赋予了我们不通过专业设计软件制作平面... ...
分类：
Web程序 时间：
2019-10-11 18:48:18
阅读次数：
116
CSS中的animation属性可用于为许多其他CSS属性设置动画，例如颜色，背景色，高度或宽度。 每个动画都需要使用@keyframes这种at-rule语句定义，然后使用animation属性来调用它，如下所示： 每个@keyframes的 at-rule CSS语句规则都定义了在动画过程中的特 ...
分类：
Web程序 时间：
2019-10-08 16:08:38
阅读次数：
306
1、复杂动画 （1）涉及到的属性： animation-name：动画名称； animation-duration：单次动画总时长； animation-timing-function：时间函数； animation-delay：播放前延时的时长； animation-iteration-count ...
分类：
Web程序 时间：
2019-10-07 11:24:45
阅读次数：
104
动画需要先定义，再调用。 1. 定义动画 1）连续动画的定义 2）分步多状态动画的定义 2. 调用动画 语法： animation: 动画名称 动画时长 其他属性值; 谁用动画就给谁加调用。 动画名称及动画时长必须有，其他属性值随意且顺序也随意。 将上表做一个分析解释： 动画的名字 animatio ...
分类：
Web程序 时间：
2019-10-06 11:48:25
阅读次数：
99
div在直线上的移动 步骤： 1）首先在body里添加一个div,接着去设置div样式。为了让div移动， 设置position为absolute ，left设置为 0 ，right设置为 0 。 2）接着我们去清除一下默认样式。（就是 {} 这部分）。 3）script里的move函数，每次调用时 ...
分类：
Web程序 时间：
2019-10-02 00:36:47
阅读次数：
121
本文旨在分析modal transition自定义过场动画的实现过程，总结一些基本套路。视图控制器的转场动画涉及几大组件：转场上下文（transition context）转场代理（transitioning delegation）动画控制器（animation controller）交互控制器（i... ...
分类：
其他好文 时间：
2019-10-01 14:06:58
阅读次数：
93
㈠Animation&Transition&gradients 代码示例 圆形，渐变颜色，旋转，当鼠标放在圆上，圆旋转变大 效果图： 初始状态： 鼠标悬浮后： ㈡transition定义多个属性 由绿色正方形逐渐变大为红色圆形 效果图： ㈢js实现旋转和控制及交替旋转 效果图： ㈣semicirlc ...
分类：
Web程序 时间：
2019-09-30 23:59:03
阅读次数：
185
在animation和transition两个属性中，cubic-bezier是控制变化的速度曲线，主要是生成速度曲线的函数 规定用法是： cubic-bezier(<x1>,<y1>,<x2>,<y2>) 从上图中可以看到，cubic-bezier有四个点： 两个默认的，即：P0(0,0)，P3( ...
分类：
其他好文 时间：
2019-09-30 13:10:01
阅读次数：
143
SIKI_Unity_2_入门_通过实例学习游戏的存档和读档 任务5：创建设计目标 Animation的直接使用： 将Animation组件直接挂载在游戏物体上即可播放 脚本控制： 方法1： 直接在Inspector面板给Animation的Animations集合赋值动画a和b通过animatio ...
分类：
编程语言 时间：
2019-09-28 00:46:34
阅读次数：
121
