﻿.tpl{font-weight:bold}
.tpl:before,.tpl p:before{color:transparent}
.tpl p:after{
  color:#444;
  background:linear-gradient(90deg,red 10%,orange 10%,orange 20%,green 20%,green 30%,#099 30%,#099 40%,blue 40%,blue 50%,indigo 50%,indigo 60%,violet 60%,violet 70%,orange 70%,orange 80%,red 80%,red 90%,orange 90%);
  -webkit-text-fill-color:transparent;
  text-fill-color:transparent;
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
  filter:url(#bevel)drop-shadow(0 0 .4px currentColor)drop-shadow(0 0 .4px currentColor)
}
#dropbox:after{content:"One element with gradient"}