svg css + animation

activity.scss

svg {
    width:  100%;
    height: 100%;

    g#clickable path,
    g#clickable rect,
    g#clickable text,
    {
      cursor: pointer;
    }
    g#clickable path,
    g#clickable rect {
      stroke-dasharray: 5;
      fill: rgba(255,255,255,0.1);
      stroke: rgba(255,255,255,0.5);
    }

    .hidden {
      transition: all 0.5s ease-out;
      cursor: default;
      opacity:0.0;

    }

    .shown {
      transition: all 0.5s ease-out;
      opacity:1.0;
    }

  }