qpurypaHT,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.title{
position:relative;
height:1em;
}
.title span{
position:absolute;
-webkit-animation:op 5s ease-in-out infinite;
-moz-animation:op 5s ease-in-out infinite;
-o-animation:op 5s ease-in-out infinite;
animation:op 5s ease-in-out infinite;
opacity:1;
}
.title span:nth-child(2){
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
@keyframes op{
5%,50%{
opacity:0;
}
0%,55%{
opacity:1;
}
}
@-webkit-keyframes op{
5%,50%{
opacity:0;
}
0%, 55%{
opacity:1;
}
}
</style>
</head>
<body>
<div class="product_list">
<div class="image"><img src="" alt="" /></div>
<div class="title">
<span>Сапог</span>
<span>Sapog</span>
</div>
<div class="cat">cat</div>
<div class="coin">coin</div>
</div>
<div class="product_list">
<div class="image"><img src="" alt="" /></div>
<div class="title">
<span>Сандаль</span>
<span>Sandal</span>
</div>
<div class="cat">cat</div>
<div class="coin">coin</div>
</div>
<div class="product_list">
<div class="image"><img src="" alt="" /></div>
<div class="title">
<span>Шлепанец</span>
<span>Shlepanec</span>
</div>
<div class="cat">cat</div>
<div class="coin">coin</div>
</div>
</body>
</html>