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

shift slider text slide down animation fix
content_copyfile_download
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;
  }
}