<div class="box"></div>
body {
  background-color: #222;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.box {
  width: 200px;
  height: 200px;
  background-color: #88ce02;
  margin: 50px auto;
}
var tl = gsap.timeline({
  repeatRefresh: true, 
  repeat: -1, 
  repeatDelay: 0.3
});

tl.to(".box", {
  duration: 1,
  x: "random(-500, 500)", 
  backgroundColor: "hsl(+=random(-100, 100), 80%, 50%)",
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/gsap.min.js
  2. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/CSSRulePlugin.min.js
  3. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomBounce3.min.js
  4. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomEase3.min.js
  5. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomWiggle3.min.js
  6. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/DrawSVGPlugin3.min.js
  7. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/Draggable.min.js
  8. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/EaselPlugin.min.js
  9. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/EasePack.min.js
  10. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/GSDevTools3.min.js
  11. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/InertiaPlugin.min.js
  12. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/MorphSVGPlugin3.min.js
  13. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/MotionPathHelper.min.js
  14. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/MotionPathPlugin.min.js
  15. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/Physics2DPlugin3.min.js
  16. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/PhysicsPropsPlugin3.min.js
  17. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/PixiPlugin.min.js
  18. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrambleTextPlugin3.min.js
  19. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/ScrollToPlugin.min.js
  20. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/SplitText3.min.js
  21. https://cdn.jsdelivr.net/npm/gsap@3.1.0/dist/TextPlugin.min.js