position: absolute;
left: .75rem;
top: -.25rem;
- -webkit-animation: scroll 3s infinite;
- animation: scroll 3s infinite; }
+ -webkit-animation: scroll 1.5s ease-in-out infinite;
+ animation: scroll 1.5s ease-in-out infinite; }
@media (max-width: 767px) {
.i_arrow_down {
width: 2rem !important;
padding: 1rem 0; }
@-webkit-keyframes scroll {
- 0% {
+ 0%, 100% {
-webkit-transform: translateY(30%);
transform: translateY(30%); }
50% {
-webkit-transform: translateY(50%);
- transform: translateY(50%); }
- 100% {
- -webkit-transform: translateY(30%);
- transform: translateY(30%); } }
+ transform: translateY(50%); } }
@keyframes scroll {
- 0% {
+ 0%, 100% {
-webkit-transform: translateY(30%);
transform: translateY(30%); }
50% {
-webkit-transform: translateY(50%);
- transform: translateY(50%); }
- 100% {
- -webkit-transform: translateY(30%);
- transform: translateY(30%); } }
+ transform: translateY(50%); } }
position: absolute;
left: .75rem;
top: -.25rem;
- animation: scroll 3s infinite;
+ animation: scroll 1.5s ease-in-out infinite;
@include media-breakpoint-down(sm) {
width: 2rem !important;
height: 2rem !important;
}
// Animation
-
@keyframes scroll {
- 0% { transform: translateY(30%); }
+ 0%, 100% { transform: translateY(30%); }
50% { transform: translateY(50%); }
- 100% { transform: translateY(30%); }
}
\ No newline at end of file