Спасибо, огромное! а может еще подскажете, можно ли сделать так чтобы кнопка переливалась?
есть много версий перелива
вот такой бегунок например
.sus .f-btn { position: relative;
overflow: hidden;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
}
.sus .f-btn:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fa4923;
opacity: 0;
z-index: 1;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
}
.sus .f-btn:after {
content: "";
display: block;
width: 10px;
height: 300px;
margin-left: 60px;
background: #fff;
position: absolute;
left: -40px;
top: -150px;
z-index: 1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-animation-name: slideme;
animation-name: slideme;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }
нужно на кнопку повесить доп класс sus только