.template:before{background-image:linear-gradient(90deg,red,orange,yellow,green,#099,blue,indigo,violet)}
#persp{
  filter:url(#lightA3)drop-shadow(4px 4px 2px rgba(0,0,0,.7))
}
.tpl{font-family:Corben,bn,hi,hy,ja,ka,km,ko,ml,my,sans-serif;width:10%;overflow:hidden}

.tpl:nth-child(-n+10){display:block;transform:translateZ(0)}
.tpl:before,.tpl p:before{display:none}

.tpl:nth-child(1){color:red}
.tpl:nth-child(2){color:orange;left:9.99%;text-indent:-100%}
.tpl:nth-child(3){color:gold;left:19.91%;text-indent:-200%}
.tpl:nth-child(4){color:green;left:29.81%;text-indent:-300%}
.tpl:nth-child(5){color:#099;left:39.6%;text-indent:-400%}
.tpl:nth-child(6){color:blue;left:49.59%;text-indent:-500%}
.tpl:nth-child(7){color:indigo;left:59.51%;text-indent:-600%}
.tpl:nth-child(8){color:violet;left:69.4%;text-indent:-700%}
.tpl:nth-child(9){color:orange;left:79.3%;text-indent:-800%}
.tpl:nth-child(10){color:gold;left:89.2%;text-indent:-900%}