JSFiddle - React, Tailwind, and code Playground

HTML

<div>Smiling Borders</div>

CSS

div {
    margin: 50px 30%;
    padding: 30px;
    position: relative;
    overflow: hidden;
}

div:before, div:after {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
}
div:before {
    background: url(http://forum.htmlbook.ru/public/style_emoticons/default/rolleyes.gif) 0 0 repeat-y;
    content: url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif) url(http://forum.htmlbook.ru/public/style_emoticons/default/blush.gif)url(http://forum.htmlbook.ru/public/style_emoticons/default/blink.gif)...