Split into characters

Split into characters and cross over

by kybernaut

HTML

<div class="wprss-feed-meta"><span class="feed-date">27.11.2015</span></div>

CSS

.feed-date span {
    padding: 5px;
    margin: 1px;
    background-color: lightgrey;
}
.wprss-feed-meta{
  position:relative;
  display: inline-block;
}
.feed-date:after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 2px;
  background: #c00;
  content: "";
  width: 100%;
  display: block;
}

JavaScript

$('.feed-date').html(function (i, html) {
    return html.replace(/(.)/g, '<span>$1</span>');
});