path {
  fill: none;
  stroke: #333; /*線の色を指定する*/
  stroke-dasharray: 2000;/*線の間隔を指定する*/
  stroke-dashoffset: 0;/*線の位置を指定する(IEは効かない属性)*/
  stroke-width: 1;/*線の太さを指定する*/
  -webkit-animation: hello 2s ease-in forwards;
  animation: hello 2s ease-in forwards;
}
@-webkit-keyframes hello {
0% {
stroke-dashoffset: 1000;
fill:transparent; /*透過*/
}
50% {
fill:transparent; /*透過*/
}
100% {
stroke-dashoffset: 0;
fill:#333;
}
}
@keyframes hello {
0% {
stroke-dashoffset: 2000;
fill:transparent; /*透過*/
}
50% {
fill:transparent; /*透過*/
}
100% {
stroke-dashoffset: 0;
fill:#333;
}
}