rexjiang92
6/14/2016 - 8:26 PM

changing the top value of the shift slider text affects the animation

changing the top value of the shift slider text affects the animation

Example:
.center-content {
  top: 40%;
  -webkit-transform: translate(-50%, -40%);
  -ms-transform: translate(-50%, -40%);
  -moz-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
}


// fixe issue with fade im slider

@keyframes fadeit {
  from {
    top:36%;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    top:40%;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes fadeit {
  from {
    top:36%;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    top:40%;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes fadeit {
  from {
      top:36%;
      filter: alpha(opacity=0);
      opacity: 0;
  }
  to {
    top:40%;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@-ms-keyframes fadeit {
  from {
    top:36%;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    top:40%;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}