JSFiddle - React, Tailwind, and code Playground

by synapse10

HTML

<div style="border : solid 2px red;width:200px;height:200px" id="paper"></div>

JavaScript

var c= Raphael("paper", 200, 00);
    var p = c.path("M100 140");
    var r = c.path("M100 100");

  

   var line3 = c.path("M180 38");
   var line4 = c.path("M 0 38 h0");
   

        line3.animate({path:"M180 38 L 200 0"}, 2000, function() {
        line4.animate({path:"M 0 38 h0  0 180"}, 2000);
    });