.marker {
  display: inline-block;
  position: relative;
}
.marker.under:before, .marker.under:after
{
  z-index: -1;
}
.marker:before, .marker:after
{
  display: inline-block;
  position: absolute;

  background: yellow;
  content: "";
  opacity: .5;
  height: 50%;
  width: 100%;
}
.marker:before
{
  left: 0;
  transform: rotate(3deg) translatey(.2em);
}
.marker:after
{
  left: 0;
  transform: rotate(1deg) translatey(.5em);
}