Skip to content

Instantly share code, notes, and snippets.

@stevencwarren
Created August 30, 2012 03:32
Show Gist options
  • Select an option

  • Save stevencwarren/3522032 to your computer and use it in GitHub Desktop.

Select an option

Save stevencwarren/3522032 to your computer and use it in GitHub Desktop.
#slider-description1.animate-in,
#slider-description2.animate-in,
#slider-description3.animate-in,
#slider-description4.animate-in {
opacity: 1;
filter: alpha(opacity=100);
top: 300px;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#slider-description1,
#slider-description2,
#slider-description3,
#slider-description4 {
left: 0px;
opacity: 0;
filter: alpha(opacity=0);
top: 250px;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
z-index: 100;
}
#slider-description1.animate-out,
#slider-description2.animate-out,
#slider-description3.animate-out,
#slider-description4.animate-out {
opacity: 0;
filter: alpha(opacity=0);
top: 320px;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#slider-image1.animate-in,
#slider-image2.animate-in,
#slider-image3.animate-in,
#slider-image4.animate-in {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#slider-image1,
#slider-image2,
#slider-image3,
#slider-image4 {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 50;
}
#slider-image1.animate-out,
#slider-image2.animate-out,
#slider-image3.animate-out,
#slider-image4.animate-out {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment