animation

Hi,

Firstly that plugin perfect. thanks for that. I need help. I wanna to create an animation over search box. ı tried that code but it doesnt work.

#ajaxsearchlite1{border-radius:5px;}

.div span{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
box-sizing: border-box;

}

.div span:nth-child(1)
{
transform:rotate(0deg);
}

.div span:nth-child(2)
{
transform:rotate(180deg);
}

.div span:nth-child(3)
{
transform:rotate(180deg);
}

.div span:nth-child(4)
{
transform:rotate(270deg);
}

.div span:before
{
content: ”;
position: absolute;
width:100%;
height: 2px;
background: #000;
animation: animate 4s linear infinite;
}

@keyframes animate {
0% {
transform:scaleX(0);
transform-origin: left;
}
50%
{
transform:scaleX(1);
transform-origin: left;
}
50.1%
{
transform:scaleX(1);
transform-origin: right;

}

100%
{
transform:scaleX(0);
transform-origin: right;

}

}`