お手本URL
www.nxworld.net
See the Pen jeXjPW by hashi (@hashi33) on CodePen.
なんで ::before?
→ beforeで指定しているのは中の黒い帯の部分だから
ブロック要素二つで無理やりやる方法もできると思う
skewX
skew 平行な斜め線
content: ''; これがないと要素として見られないのか動かなかった。
/* transformが抜けていると挙動がおかしかった transform-originはアニメーションさせたからだと思う*/