美文网首页
10.31 Transition 过渡 - Utility 实

10.31 Transition 过渡 - Utility 实

作者: 刘板栗 | 来源:发表于2017-03-25 16:18 被阅读30次

Convert a value between 0 and 1 (often a progress value) to a value between a new range defined by the start and end values.
For example, if the start value is 50 and the end value is 100: - a progress of 0 will output 50 - a progress of .5 will output 75 - a progress of 1 will output 100
The number wraps when progress exceeds the 0 to 1 range: - a progress of -.5 will output 25 - a progress of 2 will output 150
Convert a number from any range to 0 to 1 with Progress.
Often used with a Switch and Pop/Classic Animation. See Animation Basics for more information.
Right-click to change the type (ex: number, position, color).

输入口

Progress 进度
A progress value. See Animation Basics for more information.
进度值。更多信息请阅读《Basics 基础 - Animation 动画》

Start 开始
The start value of the new range.
新范围的起始值(最小值)。

End 结束
The end value of the new range.
新范围的结束值(最大值)。

输出口

Value 值
The converted value.
转换的值。


相关模块

Pop Animation Classic Animation Switch Progress Option Picker Clip


相关课程

1. 入门 Getting Started
介绍怎么使用 Origami Studio。

4.添加逻辑 Adding Logic
给过渡和流程添加逻辑。


相关案例

3. Messenger Photo View
图片在对话和全屏模式之间切换的动画。

4. Photo Zoom
点击在两个状态之间切换的动画。

7. Instagram Adjust
通过拖动来控制 Instagram 的校直工具。

10. Instagram Notifications
在不同通知间切换的动画。

17. Traffic Light
跨越三个或更多的状态,包括逻辑。


相关文章

  • 10.31 Transition 过渡 - Utility 实

    Convert a value between 0 and 1 (often a progress value) ...

  • CSS动画相关

    1.transition动画过渡属性 transition-property 设置过渡属性 transition-...

  • CSS之过渡,形变转换及动画

    过渡(transition) transition:要过渡的属性 时间 运动的形式 何时开始 transition...

  • transition过渡,transform变换

    transition 过渡transition:transition-property transition-du...

  • CSS3动画

    transition transition(过渡)用法:

  • 动画

    过渡动画transition属性简介 transition是网页上的变化的逐渐过渡效果 例:transition:...

  • 动画

    过渡动画transition属性简介 transition是网页上的变化的逐渐过渡效果 例:transition:...

  • CSS3动画

    css3动画包括过渡,形变,动画 过渡transition: 指定过渡样式:transition-property...

  • CSS Transition

    过渡 transition transition属性用于设置元素的过渡动画交互效果 transition是一个简写...

  • animation动画

    1、transition: 平衡过渡 transition :过渡效果的 CSS 属性的名称 完成过渡效果需要多少...

网友评论

      本文标题:10.31 Transition 过渡 - Utility 实

      本文链接:https://www.haomeiwen.com/subject/uqycottx.html