question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not working on Codepen.io

See original GitHub issue

When I downloaded the framework and began to experiment with the functions and API, I was unable to modify the div I created, even though I used the correct syntax. I attempted to call the script through this pen: http://codepen.io/juliangarnier/pen/4032af61ca0478304ab7b31b70a44804. Unfortunately, while CodePen recognized the syntax, it would not execute the animation.

<script src="anime.min.js"></script>
<div class="waden"></div>

.waden { height: 200px; width: 200px; background: #000000 }

var myAnimation = anime({ target: ‘.waden’, translateX: ‘16px’, rotate: 360, borderRadius: ‘8px’, duration: 2000, loop: true, `

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
lukebatchelorcommented, Jul 1, 2016

You have ‘target’ instead of ‘targets

http://codepen.io/hotmilo23/pen/YWVAkd?editors=1111

1reaction
juliangarniercommented, Jun 30, 2016

You must load anime.js before executing anime({}).

Read more comments on GitHub >

github_iconTop Results From Across the Web

Codepen not working
I have just forked this project and after that i am unable to use codepen.io. It only is showing the end output but...
Read more >
Codepen down today December, 2022? Codepen.io not ...
If CODEPEN.IO works, but you cannot access the site or its individual page, try one of the possible solutions: Browser cache. To delete...
Read more >
Troubleshooting: Files fail to load in the Projects editor
The CodePen Projects editor uses multiple domains to process your code and display the Project preview. If one of these domains is blocked...
Read more >
Codepen.io - Is CodePen Down Right Now?
CodePen down? Check whether Codepen.io server is down right now or having outage problems for everyone or just for you.
Read more >
How do I get this code from Codepen to work?
The problem is that the code isn't working in my Brackets project in the way that the code works on Codepen. There is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found