Sir How these shapes are going to be generated?

#1

Sir, In my side just the numbers are moving with skew and rotate isn’t work. So, Please tell me about that.
.five{
transform: skewY(30deg) skewX(40deg) ;
}
/* .six{
transform: skew(45deg,45deg);
} */
.six{
transform: skew(30deg,30deg) rotate(80deg);
}

#2

Attach the whole code here.