Default Size


width: 200px; 
height: 200px;
    

Default


var doubleCircle1 = new zeu.DoubleCircle(document.getElementById('double-circle-1'));
    

Options - Dots


var doubleCircle2 = new zeu.DoubleCircle(
  document.getElementById('double-circle-2'), {
    isDot: false,
    lineWidth: 10,
    outer: {
      color: 'red',
      radius: 90,
      speed: 0.5
    },
    inner: {
      color: 'blue',
      radius: 70,
      speed: 0.2
    },
    fontColor: 'green',
    text: 'MIDDLE',
  });
    

Options - Circle


var doubleCircle3 = new zeu.DoubleCircle(
  document.getElementById('double-circle-3'), {
    isDot: true,
    dots: 30,
    outer: {
      color: 'red',
      radius: 80,
      speed: 5
    },
    inner: {
      color: 'blue',
      radius: 70,
      speed: 3
    },
    fontColor: 'green',
    text: 'MIDDLE',
  });
    

Size X 2