Dativejs 애니메이션
2514 단어 webdevjavascriptdativejstutorial
그리고 Web Animation Api을 사용합니다.
따라서 맞춤형 애니메이션을 쉽게 만들 수 있습니다.
요리를 시작하자
import Dative from 'dativejs';
export let Anime = Dative.extend({
...,
animate: {
rotate({ animate,delay,duration }){
animate([
{ rotate: '0deg' },
{ rotate: '360deg' },
],{
delay,
duration,
easing
})
}
},
template: `
<h1 @rotate="3000, 5">I'm Rotating</h1>
`
})
애니메이션 지시문
animate:<animate-name>="duration, delay"
에도 짧은 방법@<animate-name>="duration, delay"
이 있습니다.이것이 애니메이션이 사용된 방식입니다.
template: `
<h1 @rotate="3000, 5">I'm Rotating</h1>
`
읽어 주셔서 감사합니다
제발 날
Reference
이 문제에 관하여(Dativejs 애니메이션), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/tobithealpha/dativejs-animation-1fk4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)