19.01.2015
#quick_reply_form {
position: relative;
overflow: hidden;
}
#quick_reply_form:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: calc(100% + 450px);
height: 3px;
border-width: 450px;
border-color: #4EC9B0;
border-style: none solid none;
animation: marquee 1.5s linear infinite;
border-width: 50%;
box-sizing: border-box;
}
@keyframes marquee {
from {left: -450px;}
to {left: calc(100% - 450px)}
}
position: relative;
overflow: hidden;
}
#quick_reply_form:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: calc(100% + 450px);
height: 3px;
border-width: 450px;
border-color: #4EC9B0;
border-style: none solid none;
animation: marquee 1.5s linear infinite;
border-width: 50%;
box-sizing: border-box;
}
@keyframes marquee {
from {left: -450px;}
to {left: calc(100% - 450px)}
}