Browse files

Color bullet item at end of anim

  • Loading branch information...
1 parent 50431ef commit 86613b508690e8af25442db39a8a92fde9199cdd @sleeper committed Jan 23, 2012
Showing with 4 additions and 4 deletions.
  1. +1 −1 css/slides.css
  2. +3 −3 less/slides.less
View
2 css/slides.css
@@ -30,7 +30,7 @@ pre code{border-radius:15px;}
.background,#stage{background-color:transparent;}
.background{position:absolute;z-index:1;opacity:0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;}.background.last{z-index:2;opacity:1;}
.background.active{z-index:3;opacity:1;display:block;}
-@-webkit-keyframes bullet-item-anim{0%{-webkit-transform:translatex(0px);} 12%{-webkit-transform:translatex(100px);} 24%{-webkit-transform:translatex(0px);} 100%{-webkit-transform:translatex(0px);}}@-moz-keyframes bullet-item-anim{0%{-moz-transform:translatex(0px);} 12%{-moz-transform:translatex(100px);} 24%{-moz-transform:translatex(0px);} 100%{-moz-transform:translatex(0px);}}.slide.current .bullet li{-webkit-animation:bullet-item-anim 10s infinite ease-in-out;-webkit-animation-delay:0;-webkit-animation-direction:normal;-moz-animation:bullet-item-anim 10s infinite ease-in-out;-moz-animation-delay:0;-moz-animation-direction:normal;-moz-animation:bullet-item-anim 10s infinite ease-in-out;-moz-animation-delay:0;-moz-animation-direction:normal;}
+@-webkit-keyframes bullet-item-anim{0%{color:#000000;-webkit-transform:translatex(0px);} 12%{color:#f38630;-webkit-transform:translatex(100px);} 24%{color:#000000;-webkit-transform:translatex(0px);} 100%{-webkit-transform:translatex(0px);}}@-moz-keyframes bullet-item-anim{0%{-moz-transform:translatex(0px);} 12%{-moz-transform:translatex(100px);} 24%{-moz-transform:translatex(0px);} 100%{-moz-transform:translatex(0px);}}.slide.current .bullet li{-webkit-animation:bullet-item-anim 10s infinite ease-in-out;-webkit-animation-delay:0;-webkit-animation-direction:normal;-moz-animation:bullet-item-anim 10s infinite ease-in-out;-moz-animation-delay:0;-moz-animation-direction:normal;-moz-animation:bullet-item-anim 10s infinite ease-in-out;-moz-animation-delay:0;-moz-animation-direction:normal;}
.slide.current .bullet li:nth-child(1){-webkit-animation-delay:1s;-moz-animation-delay:1s;}
.slide.current .bullet li:nth-child(2){-webkit-animation-delay:2s;-moz-animation-delay:2s;}
.slide.current .bullet li:nth-child(3){-webkit-animation-delay:3s;-moz-animation-delay:3s;}
View
6 less/slides.less
@@ -247,9 +247,9 @@ pre code {
}
@-webkit-keyframes bullet-item-anim {
- 0% { -webkit-transform: translateX(0px); }
- 12% { -webkit-transform: translateX(100px); }
- 24% { -webkit-transform: translateX(0px); }
+ 0% { color: @slide-color; -webkit-transform: translateX(0px); }
+ 12% { color: @highlight-color; -webkit-transform: translateX(100px); }
+ 24% { color: @slide-color; -webkit-transform: translateX(0px); }
100% { -webkit-transform: translateX(0px); }
}

0 comments on commit 86613b5

Please sign in to comment.