JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.antiyes.com/jquery-blink/jquery-blink.js"></script>
<p>Lorem Ipsum is <del class="line1">simply dummy text of the printing<span class="inner"></span></del> and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. <u class="underwave">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of</u> Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of <span class="line3">Lorem Ipsum<span class="blink"><span/></span>.</p>
CSS
body {
background:#eee;
}
.line1 {
position:relative;
text-decoration:none;
color:blue;
background:#bbb;
}
.line1:after {
content:"";
position:absolute;
left:0;
width:100%;
height:100%;
background-image: url(data:image/gif;base64,R0lGODlhBgADAIAAAP//AP///yH5BAEAAAEALAAAAAAGAAMAAAIHTAB2lqlQAAA7);
background-repeat: repeat-x;
background-position: center;
}
.underwave {
text-decoration: none;
background-image: url(data:image/gif;base64,R0lGODlhBgADAIAAAP8AAP///yH5BAEAAAEALAAAAAAGAAMAAAIHTAB2lqlQAAA7);
background-repeat: repeat-x;
background-position: bottom;
}
.line3{
position:relative;
}
.blink{
position:absolute;
width:100%;
height:100%;
left:0;
background-image: url(data:image/gif;base64,R0lGODlhBgADAIAAAAAA/////yH5BAEAAAEALAAAAAAGAAMAAAIHTAB2lqlQAAA7) , url(data:image/gif;base64,R0lGODlhBgADAIAAAAAA/////yH5BAEAAAEALAAAAAAGAAMAAAIHTAB2lqlQAAA7);
background-repeat: repeat-x;
background-position: top, bottom;
}
JavaScript
$(document).ready(function()
{
$(".blink").blink();
});