Your IP : 10.10.0.253

Current Path : /var/www/templates/jl_homemaker_free/scss/
Upload File :
Current File : /var/www/templates/jl_homemaker_free/scss/_backtotop.scss

.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 9999;
    font-size: 16px;
    width: 40px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: #414856;
    color: $accent-color-2;
    cursor: pointer;
    border: 0;
    border-radius: 0px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
}
.back-to-top:hover {
    background: #e9ebec;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.back-to-top {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.backHide {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
a.back-to-top:hover {
    text-decoration: none;
    color: $accent-color-1;
}