React Animated BB-8

#ReactJS animated BB-8:

  • antenna { background: #e0d2be; position: absolute; width: 2px; &.short { height: 20px; top: -65px; left: 50px; } &.long { border-top: 6px solid #020204; border-bottom: 6px solid #020204; height: 36px; top: -80px; left: 56px; } } .
  • instructions p { position: fixed; bottom: 10px; width: 100%; text-align: center; }
  • ball { background-color: ghostwhite; border-radius: 50%; height: $d+25; overflow: hidden; position: relative; width: $d+25; } .
  • You can also link to another Pen and we’ll pull the CSS from that Pen and include it.

Read the full article, click here.


@ReactiveConf: “#ReactJS animated BB-8:”


A React based interactive animation of BB-8 from Star Wars. Originally inspired by Mike Dixon: http://codepen.io/mdixondesigns/pen/PPEJwz Bit of a cha…


React Animated BB-8