Anime.js keyframes | Sololearn: Learn to code for FREE!

+8

Anime.js keyframes

Hello guys, Recently I was working with anime.js but I have seen a code in their webpage and tried and alternative one... But there the keyframes is not working please help.. Here is the code: https://code.sololearn.com/Wl8EhavlkQQN/?ref=app here is the website for keyframes tutorials:(I have made an alternative one) https://animejs.com/documentation/#animationKeyframes

9/8/2020 10:25:16 AM

Gorom_Pani

11 Answers

New Answer

+6

Guess... no needa use keyframes Use something like this: window.onload = () => { anime({ targets:'.squa', translateX: 250, rotateZ: 360, scale: 3, loop:true })

+3

+2

share code

+2

JOY Have shared

+2

JOY bro I was trying to move the rect to right first and then down then left and finally up

+2

JOY bro It was form a youtube tutorials s and I have wrote the same code

+2

let animation = anime({ targets: '.squa', translateX: [ {value: 100, duration: 500}, {value: -10, duration: 500, delay: 3000} ], translateY: [ {value: 100, duration: 500, delay: 1500}, {value: -10, duration: 500, delay: 4500} ], easing: 'linear', });

+2

JOY no man it doesn't worked

+2

https://code.sololearn.com/WisKcjVIBeZg/?ref=app

+2

https://code.sololearn.com/W8ZAB9V8PEoE/?ref=app

+1

In that case you gotta use some more animation blocks bro AteFish🇧🇩