-
energy in transition课文翻译_思迪软件科技 招聘 字幕翻译(远程兼职)
2020-11-03 18:30:59视频翻译为主,有脚本提供,翻译的语言方向主要为中译外。2.语种,中->英,日,德,法,韩,意,西班牙,葡萄牙,土耳其,泰语,印尼语。3.翻译内容为电影电视剧,人物访谈片,企业宣传片,短视频,课程翻译等。...远程岗位,不限地点
工作内容:
1.视频翻译为主,有脚本提供,翻译的语言方向主要为中译外。
2.语种,中->英,日,德,法,韩,意,西班牙,葡萄牙,土耳其,泰语,印尼语。
3.翻译内容为电影电视剧,人物访谈片,企业宣传片,短视频,课程翻译等。
要求:
1.有剧本翻译,字幕组翻译或字幕软件操作经验的译者优先考虑。
2.英语专八/雅思7.0/catti2以上水平的译者优先考虑,或其他小语种相关语言证书,但不是硬性条件。
3.能制作双语字幕的小伙伴即可优先考虑(翻译和时间轴制作),只会做翻译,不会做时间轴的译者也可以报名。公司信息
SDL is the leader in language translation and global content management.
近期课程:性价比超高的CATTI翻译证备考网课
With about 30 years' experience, SDL helps companies build relevant digital experiences that deliver transformative business results on a global scale and create a global impact by creating relevant customer experiences for companies with worldwide customers.
Headquartered in the UK with over 70 offices across North America, Asia, Europe and the Middle East, SDL provides an unmatched combination of global digital content management with internationally trusted language translation software and services.
More information at www.sdl.com点击阅读原文进行申请 -
翻译 react-transition-group 之 CSSTransition
2021-04-13 14:14:01react-transition-group 翻译系列 react-transition-group 之 Transition CSSTransition组件的灵感来源ng-animate(详情) 库,如果你正在使用CSS来实现过渡或者动画可以使用该组件。CSSTransition组件是基于 ...react-transition-group 翻译系列
当前模块原文地址:https://reactcommunity.org/react-transition-group/css-transition
react-transition-group 之 Transition
react-transition-group 之 CSSTransition
react-transition-group 之 SwitchTransition
react-transition-group 之 TransitionGroupCSSTransition
组件的灵感来源ng-animate
(详情) 库,如果你正在使用CSS
来实现过渡或者动画可以使用该组件。CSSTransition
组件是基于Transition
组件来封装的,因此,该组件继承了Transition
(详情)组件的所有属性。A transition component inspired by the excellent ng-animate library, you should use it if you’re using CSS transitions or animations. It’s built upon the Transition component, so it inherits all of its props.
CSSTransition
组件在appear(首次加载)
,enter(进入阶段)
, 和exit(退出阶段)
的时候会应用一对相应的类名。所有阶段的第一帧的类名都在这些阶段本身,然后下一帧使用的类名是阶段本身加上-active
(appear-active
,enter-active
,exit-active
)。在过渡结束后,把active换成done
来持久应用CSSTransition applies a pair of class names during the appear, enter, and exit states of the transition. The first class is applied and then a second *-active class in order to activate the CSS transition. After the transition, matching *-done class names are applied to persist the transition state.
function App() { const [inProp, setInProp] = useState(false); return ( <div> <CSSTransition in={inProp} timeout={200} classNames="my-node"> <div> {"I'll receive my-node-* classes"} </div> </CSSTransition> <button type="button" onClick={() => setInProp(true)}> Click to Enter </button> </div> ); }
当
in
属性被设置成true
的时候,子组件第一时间添加一个类名example-enter
, 然后在下一帧将会把example-enter-active
添加到子组件的类名中。CSSTransition
组件会强制**回流(重新布局)**在添加example-enter-active
类名之前。这是一个很重要的技巧,因为它允许我们在example-enter
和example-enter-active
类名之间过渡,即使他们会被立马的一个接一个的添加到子组件中:最值得我们注意的是,它可以尽可能的使我们去设置动画样式。When the in prop is set to true, the child component will first receive the class example-enter, then the example-enter-active will be added in the next tick. CSSTransition forces a reflow between before adding the example-enter-active. This is an important trick because it allows us to transition between example-enter and example-enter-active even though they were added immediately one after another. Most notably, this is what makes it possible for us to animate appearance.
.my-node-enter { opacity: 0; } .my-node-enter-active { opacity: 1; transition: opacity 200ms; } .my-node-exit { opacity: 1; } .my-node-exit-active { opacity: 0; transition: opacity 200ms; }
*-active
类名是用于设置你想要的动画效果,因此对于过渡动画的类名是非常重要的,否则过渡动画可能不能展示照预期的效果!当过渡动画是相同可能不是很明显, 例如:当*-enter-active
和*-exit
类名相同时候,就像下面的例子,但是如果在复杂动画中会变得更加明显,案例查看 example*-active classes represent which styles you want to animate to, so it’s important to add transition declaration only to them, otherwise transitions might not behave as intended! This might not be obvious when the transitions are symmetrical, i.e. when *-enter-active is the same as *-exit, like in the example above (minus transition), but it becomes apparent in more complex transitions.
注意: 如果你正在使用
appear
属性,确保设置 .appear-* 类名Note: If you’re using the appear prop, make sure to define styles for .appear-* classes as well.
Props
接收
Transition
组件所有属性,并且附加说明Accepts all props from unless otherwise noted .
classNames
动画类名将会被应用给组件当它
appears
,enters
,exits
或者已经完成过渡。赋值给classNames
一个字符串将会作为每一个阶段的前缀名称,例如:classNames="fade"
结果:The animation classNames applied to the component as it appears, enters, exits or has finished the transition. A single name can be provided, which will be suffixed for each stage, e.g. classNames=“fade” applies:
- fade-appear, fade-appear-active, fade-appear-done
- fade-enter, fade-enter-active, fade-enter-done
- fade-exit, fade-exit-active, fade-exit-done
有关如何应用这些类的一些详细信息:
- 它们与子组件上已经定义的样式相结合,因此如果要添加一些基本样式,可以使用类名,而不必担心它会被重写
- 如果组件以
in={false}
属性来进行过渡挂载,没有任何类名被应用组件。你可能期待需要*-exit-done
类名,但是如果你仔细想一想,组件没有完成exiting(退出中)
是不能进入entered(完成进入)
状态 fade-appear-done
和fade-enter-done
类名都会被应用到组件。它允许你自定义不同的行为在组件初appearing
始化完成或者常规entering
进入已经完成,使用类似的选择器.fade-enter-done:not(.fade-appear-done)
。例如:当DOM
元素初始化时,你可以使用Animate.css
来实现一些非常绚丽的动画。否则,您可以简单地使用fade-enter-done
来定义这两种情况
A few details to note about how these classes are applied:
- They are joined with the ones that are already defined on the child component, so if you want to add some base styles, you can use className without worrying that it will be overridden.
- If the transition component mounts with in={false}, no classes are applied yet. You might be expecting *-exit-done, but if you think about it, a component cannot finish exiting if it hasn’t entered yet.
- fade-appear-done and fade-enter-done will both be applied. This allows you to define different behavior for when appearing is done and when regular entering is done, using selectors like .fade-enter-done:not(.fade-appear-done). For example, you could apply an epic entrance animation when element first appears in the DOM using Animate.css. Otherwise you can simply use fade-enter-done for defining both cases.
每个单独的类名也可以单独指定,如:
Each individual classNames can also be specified independently like:
classNames={{ appear: 'my-appear', appearActive: 'my-active-appear', appearDone: 'my-done-appear', enter: 'my-enter', enterActive: 'my-active-enter', enterDone: 'my-done-enter', exit: 'my-exit', exitActive: 'my-active-exit', exitDone: 'my-done-exit', }}
或者如果你想使用
CSS
模块化来设置类名If you want to set these classes using CSS Modules:
import styles from './styles.css';
你可能想要在你的
CSS
文件使用大驼峰命名法,这样就可以简单的分散它们而不是直接的一个一个列出来you might want to use camelCase in your CSS file, that way could simply spread them instead of listing them one by one:
classNames={{ ...styles }}
type:
string | { appear?: string, appearActive?: string, appearDone?: string, enter?: string, enterActive?: string, enterDone?: string, exit?: string, exitActive?: string, exitDone?: string, }
default:''
onEnter
在应用
“enter”
或“appear”
类后立即触发<Transition>
回调A callback fired immediately after the ‘enter’ or ‘appear’ class is applied.
**注意:**当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type:
Function(node: HtmlElement, isAppearing: bool)
onEntering
在
“enter-active'”
或“appear-active”
类名后立即触发<Transition>
回调A callback fired immediately after the ‘enter-active’ or ‘appear-active’ class is applied.
**注意:**当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type:Function(node: HtmlElement, isAppearing: bool)
onEntered
在
“enter'”
或“appear”
类名后立即触发<Transition>
回调,并且移除这一组类名,然后*-done
类名添加到DOM
中A callback fired immediately after the ‘enter’ or ‘appear’ classes are removed and the done class is added to the DOM node.
**注意:**当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type:Function(node: HtmlElement, isAppearing: bool)
onExit
A callback fired immediately after the ‘exit’ class is applied.
**注意:**当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type:Function(node: HtmlElement)
onExiting
在
触发exit-active
类名之后立马执行<Transition>
回调A callback fired immediately after the ‘exit-active’ is applied.
**注意:**当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type:Function(node: HtmlElement)
onExited
在触发
exit
之后立马触发<Transition>
组件的回调并且移除exit
类名,然后在DOM
节点中添加exit-done
类名A callback fired immediately after the ‘exit’ classes are removed and the exit-done class is added to the DOM node.
**注意:**当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type:
Function(node: HtmlElement)
-
energy in transition课文翻译_2021考研英语翻译冲刺模拟练习(1)_考研
2020-11-06 16:39:03而英语一的翻译又都是长难句,成文很多同学头疼的题目。要处理长难句,就要求大家能分析清楚句子结构,以及句子成分之间的关系。针对长难句,我们可以先断句,让句子变成几个简短、更容易理解的句子结构,分别翻译出...2021考研英语翻译冲刺模拟练习(1)
翻译是考研英语题型,也同时是很多同学的短板。最常见的问题就是英文句子看不懂,汉语表达写不出。而英语一的翻译又都是长难句,成文很多同学头疼的题目。要处理长难句,就要求大家能分析清楚句子结构,以及句子成分之间的关系。针对长难句,我们可以先断句,让句子变成几个简短、更容易理解的句子结构,分别翻译出每个部分的含义,最后整合到一起,就完成了句子的翻译,只要按部就班,其实也没有那么难。接下来,仔细带大家一起分析、翻译一下。
We don’t have to learn how to be mentally healthy; it is built into us in the same way that our bodies know how to heal a cut or mend a broken bone.
根据断句长短适中、语法长度完整的原则,我们可以把这句断成3个部分如下:
① We don’t have to learn how to be mentally healthy;
② it is built into us in the same way
③ that our bodies know how to heal a cut or mend a broken bone.
分析各部分的结构:
① 主语(We)+谓语( don’t have to learn )+宾语从句(how to be mentally healthy)
② 主语( it )+谓语(is built into us)+状语(in the same way)
③ 定语从句:主语(our bodies)+谓语(know )+宾语(how to heal a cut or mend a broken bone)
参考译文:我们不必学习如何保持心理健康;它是我们与生俱来的,就像我们的身体知道如何治愈伤口或修复断骨。
以上是新东方在线考研小编为大家整理的"2021考研英语翻译冲刺模拟练习(1)",希望能够帮助到大家,新东方在线考研小编祝大家每天坚持复习,来年迎来一个理想的成绩,相关问题尽在新东方在线考研英语翻译频道~
21考研英语全面提升班(0元领课)
-
翻译 react-transition-group 之 Transition
2021-04-13 10:38:24目前本人学习到 react 动画组件库,react-transition-group 有一颗感兴趣的心,也想学学大神,翻译一下文档,所以就拿这个开刀,动手。 原文通道 Transition 过渡 Transition 组件允许你使用一个简单的申明API去...目前本人学习到 react 动画组件库,
react-transition-group
有一颗感兴趣的心,也想学学大神,翻译一下文档,所以就拿这个开刀,动手。 原文通道
react-transition-group 之 Transition
react-transition-group 之 CSSTransition
react-transition-group 之 SwitchTransition
react-transition-group 之 TransitionGroupTransition 过渡
Transition 组件允许你使用一个简单的申明API去描述一个组件在一段时间内从一个状态过渡到另一个组件。最常见的是,它用于设置组件的挂载和卸载的过渡,但也可以用于描述组件状态本身的过渡
The Transition component lets you describe a transition from one component state to another over time with a simple declarative API. Most commonly it’s used to animate the mounting and unmounting of a component, but can also be used to describe in-place transition states as well.
注意:
Transition
是一个不限制平台的跟组件。如果你正在使用css来过渡,你可以使用CSSTransition
组件来代替。它不仅包含了Transition
组件的所有功能,而且还额外包含了一些Css 过渡所必须的特征。(组件由此得名——Transition
)Note: Transition is a platform-agnostic base component. If you’re using transitions in CSS, you’ll probably want to use CSSTransition instead. It inherits all the features of Transition, but contains additional features necessary to play nice with CSS transitions (hence the name of the component).
默认情况下
Transition
组件渲染不会产生额外的副作用,它仅仅是维护组件的enter
和exit
状态。这些状态的意义和效果取决于你。例如:当组件enter(进入)
或者exite(退出)
我们可以给组件添加一个内联样式。By default the Transition component does not alter the behavior of the component it renders, it only tracks “enter” and “exit” states for the components. It’s up to you to give meaning and effect to those states. For example we can add styles to a component when it enters or exits:
import { Transition } from 'react-transition-group'; // 定义过渡的时间 const duration = 300; // 定义默认的样式, css transition的属性 const defaultStyle = { transition: `opacity ${duration}ms ease-in-out`, opacity: 0, } // 动画的样式 const transitionStyles = { entering: { opacity: 1 }, entered: { opacity: 1 }, exiting: { opacity: 0 }, exited: { opacity: 0 }, }; const Fade = ({ in: inProp }) => ( <Transition in={inProp} timeout={duration}> {state => ( <div style={{ ...defaultStyle, ...transitionStyles[state] }}> I'm a fade Transition! </div> )} </Transition> );
Transition
组件包含 4种状态:- ‘entering’ 进入中
- ‘entered’ 进入完成
- ‘exiting’ 退出中
- ‘exited’ 完成退出
There are 4 main states a Transition can be in:
- ‘entering’
- ‘entered’
- ‘exiting’
- ‘exited’
Transition
组件的状态通过in
属性来触发。当为true
的时候,组件开始进入Enter(进入)
阶段。在这一期间,组件将会切换它当前的阶段,从entering(进入中)
状态等待duration(过渡时间)
完成切换到entered(完成进入)
状态。让我举下面的例子(我们将会使用useState
钩子)Transition state is toggled via the in prop. When true the component begins the “Enter” stage. During this stage, the component will shift from its current transition state, to ‘entering’ for the duration of the transition and then to the ‘entered’ stage once it’s complete. Let’s take the following example (we’ll use the useState hook):
function App() { const [inProp, setInProp] = useState(false); return ( <div> <Transition in={inProp} timeout={500}> {state => ( // ... )} </Transition> <button onClick={() => setInProp(true)}> Click to Enter </button> </div> ); }
当按钮被点击时,组件将会切换到
entering(进入中)
状态然后保持500ms(timeout
属性定义的之)的过渡动画,它最终回切换到entered(进入完成)
状态When the button is clicked the component will shift to the ‘entering’ state and stay there for 500ms (the value of timeout) before it finally switches to ‘entered’.
当
in
属性为false
时候,发和上面进入发生同样的事情,(组件切换到exiting退出中
状态然后等待500ms切换到exited 退出完成
状态)When in is false the same thing happens except the state moves from ‘exiting’ to ‘exited’.
Props 属性
nodeRef
需要添加过渡的
React DOM
的引用:详情查看 https://stackoverflow.com/a/51127130/4671932- 当
nodeRef
属性被使用时候, 节点不会传递一个回调函数(例如:onEnter 事件),因为用户已经可以直接访问该节点 - 在
TransitionGroup
组件中改变Transition
组件中key
的属性需要提供改变的属性key
(查看 text/CSSTransition-test.js)
type: shape
A React reference to DOM element that need to transition: https://stackoverflow.com/a/51127130/4671932
- When nodeRef prop is used, node is not passed to callback functions (e.g. onEnter) because user already has direct access to the node.
- When changing key prop of Transition in a TransitionGroup a new nodeRef need to be provided to Transition with changed key prop (see test/CSSTransition-test.js).
type: shape
children
child
属性必须是一个函数而不是React 元素
。函数的参数是当前过渡状态(entering(进入中)
,entered(完成进入)
,exiting(退出中)
,exited(完成退出)
),该状态当作上下文被用于子级组件的属性。A function child can be used instead of a React element. This function is called with the current transition status (‘entering’, ‘entered’, ‘exiting’, ‘exited’), which can be used to apply context specific props to a component.
<Transition in={this.state.in} timeout={150}> {state => ( <MyComponent className={`fade fade-${state}`} /> )} </Transition>
type: Function | element
required(必须)in
用于显示里面的子组件,修改后触发进入或者退出状态
Show the component; triggers the enter or exit states
type: boolean
default: falsemountOnEnter
默认情况下,子组件和
Transition
组件是立即被挂载的。如果你想在Transition
组件第一次in= {true}
的情况下启用“懒加载”,你可以设置mountOnEnter={true}
。组件在第一次进入的Transition
组件将保持在挂载,甚至在exited(完成退出)
组件也保持在挂载阶段,不会生成实际的DOM
,除非你特别指定unmountOnExit
By default the child component is mounted immediately along with the parent Transition component. If you want to “lazy mount” the component on the first in={true} you can set mountOnEnter. After the first enter transition the component will stay mounted, even on “exited”, unless you also specify unmountOnExit.
type: boolean
default: falseunmountOnExit
默认情况下,子组件在达到
“exited(完成退出)”
状态后保持挂载状态。如果希望在组件完成exiting(退出)
后卸载组件,请设置unmountOnExitBy default the child component stays mounted after it reaches the ‘exited’ state. Set unmountOnExit if you’d prefer to unmount the component after it finishes exiting.
type: boolean
default: falseappear
默认情况下,子组件在第一次装载时不执行
enter(进入)
过渡动画,而与in的值无关。如果需要此行为,请将“appear
”和“in
”都设置为trueBy default the child component does not perform the enter transition when it first mounts, regardless of the value of in. If you want this behavior, set both appear and in to true.
注意:这里没有额外的
appear
状态,类似appearing/appeared
,这个属性仅仅添加到额外的enter(进入)
阶段的过渡。然而,在<CSSTransition>
组件中第一次进入过渡可以添加额外的.appea-*
类名,这样就可以个性化不同的样式Note: there are no special appear states like appearing/appeared, this prop only adds an additional enter transition. However, in the component that first enter transition does result in additional .appear-* classes, that way you can choose to style it differently.
type: boolean
default: falseenter
启用或者禁用
enter(进入)
阶段的过渡效果Enable or disable enter transitions.
type: boolean
default: trueexit
启用或者禁用
exit(退出)
阶段的过渡Enable or disable exit transitions.
type: boolean
default: truetimeout
过渡的持续时间(毫秒),必选除非提供了
addEndListener
事件The duration of the transition, in milliseconds. Required unless addEndListener is provided.
你可以指定单个时间对于整个过渡:
You may specify a single timeout for all transitions:
timeout={500} or individually: timeout={{ appear: 500, enter: 300, exit: 500, }}
- appear defaults to the value of enter
- enter defaults to 0 exit
- defaults to 0
type: number | { enter?: number, exit?: number, appear?: number }
addEndListener
添加一个自定义过渡结束后的事件。返回的参数是过渡中的
DOM
节点和一个done()
回调函数。允许更细粒度处理过渡结束后的逻辑。如果使用了,超时会依然作为fallback
使用Add a custom transition end trigger. Called with the transitioning DOM node and a done callback. Allows for more fine grained transition end logic. Timeouts are still used as a fallback if provided.
注意:,当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
addEndListener={(node, done) => { // use the css transitionend event to mark the finish of a transition node.addEventListener('transitionend', done, false); }}
type: Function
onEnter
在应用
“enter”
状态之前触发回调。提供了一个额外的参数isAppearing
来指示enter
阶段是否发生在首次挂载上Callback fired before the “entering” status is applied. An extra parameter isAppearing is supplied to indicate if the enter stage is occurring on the initial mount
**注意:**当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type: Function(node: HtmlElement, isAppearing: bool) -> void
default: function noop() {}onEntering
在应用
“enter(进入完成)”
状态之前触发回调。提供了一个额外的参数isAppearing
来指示enter
阶段是否发生在首次挂载上Callback fired after the “entering” status is applied. An extra parameter isAppearing is supplied to indicate if the enter stage is occurring on the initial mount
注意: 当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type: Function(node: HtmlElement, isAppearing: bool)
default: function noop() {}onEntered
在应用
“enter(进入完成)”
状态之前触发回调。提供了一个额外的参数isAppearing
来指示enter
阶段是否发生在首次挂载上Callback fired after the “entered” status is applied. An extra parameter isAppearing is supplied to indicate if the enter stage is occurring on the initial mount
注意: 当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type: Function(node: HtmlElement, isAppearing: bool) -> void
default: function noop() {}onExit
在状态切换到
exit(退出阶段)
之前触发Callback fired before the “exiting” status is applied.
注意: 当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type: Function(node: HtmlElement) -> void
default: function noop() {}onExiting
在状态切换到
exiting(退出中)
之后触发Callback fired after the “exiting” status is applied.
注意: 当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed.
type: Function(node: HtmlElement) -> void
default: function noop() {}onExited
在状态切换到
exit(退出完成)
时触发Callback fired after the “exited” status is applied.
注意: 当 nodeRef属性使用时,node 不会被当作参数返回
Note: when nodeRef prop is passed, node is not passed
type: Function(node: HtmlElement) -> void
default: function noop() {} -
energy in transition课文翻译_2021考研英语句型翻译点拨:It is +that_考研
2020-11-03 11:58:542021考研英语句型翻译点拨:It is +that 攻克考研英语翻译要把握各类句型的特点,找到翻译点和逻辑顺序才能攻克长难句,进而攻克翻译大关。下面为大家整理总结常见十大句型结构一一为大家解读,希望考生能够提升... -
翻译 react-transition-group 之 TransitionGroup
2021-04-14 12:17:47原文地址: https://reactcommunity.org/react-transition-group/transition-group <TransitionGroup>组件管理列表中的一组过渡组件(<Transition>和<CSSTransition>)。像<Transition>... -
energy in transition课文翻译_备战四六 | 四六级翻译常考固定表达,速记!
2020-11-02 11:12:4380个固定表达四六级翻译内容一般涉及:中国传统文化、旅游活动、历史事件、经济政治、社会发展等相关的词汇。今天和大家分享四六级考试中常考的固定表达。1. 随着经济的繁荣 with the booming of the economy2. 随着... -
energy in transition课文翻译_他把乡愁比作水,翻译出“床前明月光”,原来英文也能这么美...
2020-11-05 11:34:14中华文化的博大精深让人不禁为之叹服,从各种名著到各色古诗词,文字的美丽如...早前在翻译古文、翻译英文时都曾说过翻译的三个原则“信、达、雅”,做到雅太难了,尤其是将古诗词翻译成英文,能做到“美”的感觉... -
翻译 react-transition-group 之 SwitchTransition
2021-04-14 09:59:16SwitchTransition组件灵感来自于vue transition的模式。可以使用SwitchTransition来控制状态之间的渲染。基于选择的模式和子组件的 key 来使 Transition组件,CSSTransition组件和SwitchTransition组件之间进行对应... -
energy in transition课文翻译_外研版八年级下册英语课本mp3+动画+翻译+知识点_Module 6 Unit 2 A3, Unit 3...
2020-11-02 09:15:27课文翻译戴维的爱好 很多学生都有爱好,比如阅读、绘画、种蔬菜或照顾动物。有些爱好是体闲性的,有些是创造性的。爱好可以促使你成长,培养你的兴趣,帮助你学习新的技能。 戴维·史密斯是一名学生,他的爱好之一是... -
energy in transition课文翻译_微课堂人教版新起点小学英语六年级上册Unit6学习视频+课文翻译+单词音频+...
2020-11-05 11:54:07小学英语学习帮温馨提示:你已经用了·来学习继续加油哦!课前预习课前预习能有效建立起旧...▼往期精彩回顾▼微课堂▏人教版新起点小学英语六年级上册Unit1课文翻译+单词音频+知识点梳理(一起点)微课堂▏人教版新... -
energy in transition课文翻译_张敬源《英语(一)自学教程》学习指南【词汇短语+课文精解+全文翻译+...
2020-11-02 11:12:43张敬源《英语(一)自学教程》学习指南【词汇短语+课文精解+全文翻译+练习答案】新电子书上线啦,欢迎选购! 《英语(一)自学教程》(张敬源主编)为全国高等教育自学考试指定教材,是参加本考试的必学... -
css3的transition过渡
2017-03-03 10:34:00它的中文翻译就是过渡,转变,变迁,在css中,用来设置元素或对象变换时的过渡。 由一个样式变成另一个样式的过程。 他有四个值: transition-property 设置对象中参与过渡的属性 transition-duration 设置对象... -
札记:翻译-使用Scene和Transition实现【场景切换】动画效果
2017-01-10 23:13:00下面翻译transition为“过渡”,强调动画过程的含义,不过更多时候使用transition单词本身。 Android 4.4.2 (API level 19) 引入了过渡框架,它用来在两个view hierarchies(就是ViewGroup实例)切换时执行改变动画... -
transition transform translate 之间的区别
2021-01-03 01:08:40transform的中文翻译是变换、变形,是css3的一个属性,和其他width,height属性一样 translate 是transform的属性值,是指元素进行2D变换,2D变换就是指,元素以当前位置(0,0)按照x轴的方向移动多少,按照y轴的... -
CSS3中的transition详解
2012-12-10 21:06:35Transition是CSS3中新添加的特性,不知道翻译成什么叫法更好听一点,暂且叫做“转换”吧,即当元素在大小、颜色、布局、透明度等数值改变时(请注意是数值的改变),可以使其产生过渡的动画效果,比如当元素的大小... -
transform transition transilate translation的区别和联系
2018-11-03 13:08:18transform、transition、 translate...translation: 中文为 翻译 translation: 即不是css属性,也不是属性值 transform: css 属性名 transition : css 属性名 translate: css属性值 transition 设置元素 –... -
css3 transition学习笔记
2020-03-29 14:47:46css3 transition学习笔记简单了解transition兼容性可动画属性的列表是需要注意的小问题transition-property(动画指定过渡属性)transition-duration(过渡时长)transition-timing-...首先字面翻译是过渡的意思,... -
【转】关于 CSS3 Transition 的一切
2014-08-26 22:41:00CSS3 过渡效果(transition)为网页世界带来了简单、易用的动画效果,但简单的外表之下还隐藏着一些不能忽视的细节。 本文的全部内容均翻译自http://blog.alexmaccaw.com/css-transitions。如果您对其中的任何... -
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2020-12-14 00:48:41这是之前客户的一个需求,给的 demo 是用 gif 实现跑马灯,但是我们的没法用 gif,因为图上的文字需要翻译成各国语言,所以不能使用图片来实现,那么,自己写一个咯。 思考过程 html <li>1 <li>2 <li>3 ... -
Android中的Transition(一)
2017-02-27 18:36:42本文翻译自:Animate all the things. Transitions in Android让所有的一切都动起来谷歌在Material Design有这样一个阐述:动画不再仅是iOS才有。这里有一种新概念叫Material motion。 Motion提供了另外一层含义:... -
css3的transform,translate和transition之间的区别与作用
2018-10-18 16:24:00transform的中文翻译是变换、变形,是css3的一个属性,和其他width,height属性一样 translate 是transform的属性值,是指元素进行2D变换,2D变换就是指,元素以当前位置(0,0)按照x轴的方向移动多少,按照y轴的... -
翻译:iOS视图控制器编程指南(十)——自定义过渡动画(Customizing the Transition Animations)
2017-10-31 17:19:47过渡动画提供应用界面改变的视觉反馈。UIKit提供一组标准过渡样式,用于present视图控制器时使用,你可以自定义过渡补充标准过渡。 过渡动画序列 过渡动画互换视图控制器的内容。有两种类型的过渡:present和dismiss... -
CSS3 Transition详解
2012-01-19 17:24:23Transition是CSS3中新添加的特性,不知道翻译成什么叫法更好听一点,暂且叫做“转换”吧,即当元素在大小、颜色、布局、透明度等数值改变时(请注意是数值的改变),可以使其产生过渡的动画效果,比如当元素的大小... -
React动画之react-transition-group使用
2017-06-05 11:39:10代码地址请在github查看,如果有新内容,我会定时更新,也欢迎您star,issue,共同进步写在开头的话这其实是对react-transition-group文档的翻译。但是在其中夹杂了很多自己的理解,如有不对的地方,还请issue。运行... -
结合 CSS3 transition transform 实现简单的跑马灯效果
2018-02-06 09:58:56这是之前客户的一个需求,给的 demo 是用 gif 实现跑马灯,但是我们的没法用 gif,因为图上的文字需要翻译成各国语言,所以不能使用图片来实现,那么,自己写一个咯。 思考过程html <div lantern> <ul>... -
关于shared element transition 1
2015-09-02 11:06:33接到一个需求,需要向tumblr 发布内容页和标签页的切换学习,然后找到shared element transition这个东西。翻译为共享元素转换。 看了很多的资源,我的理解是a页面跳转到b页面是,b中存在和a页显示效果极为相似的... -
【Transition】Android炫酷的Activity切换效果,共享元素
2016-12-14 14:04:53代码基本一模一样,只有略微的修改,加了一些注释,以及将其中大多数英文翻译成了中文。 此篇 API 均为 Android 5.0(API 级别 21) 以上才可支持。 此demo一共分为四部分: 1.1 普通过渡 Tran -
论文解读:DTMT: A Novel Deep Transition Architecture for Neural Machine Translation
2021-01-06 20:52:41本文为一篇神经机器翻译的文章,发表在2019AAAI会议上,主要提出一种深度转移网络(Deep Transition),结合多头注意力解决循环神经网络中同一层不同时刻之间shallow的问题。 一、简要信息 序号 属性 值 ... -
[译] 带有情景感知这一新特性的活动识别 Transition API 面向全体开发者开放
2018-06-14 02:16:19原文地址:Activity Recognition’s new Transition API makes context-aware features accessible to all developers 原文作者:Marc Stogaitis, Tajinder Gadh, and Michael Cai 译文出自:掘金翻译计划 本文永久...