blah

docs/assets/css/bootstrap.css

@@ -3195,11 +3195,6 @@ a.thumbnail:hover {
   border-radius: 23px;
   opacity: 0.5;
   filter: alpha(opacity=50);
-  -webkit-transition: all 0.2s linear;
-  -moz-transition: all 0.2s linear;
-  -ms-transition: all 0.2s linear;
-  -o-transition: all 0.2s linear;
-  transition: all 0.2s linear;
 }
 .carousel-control.right {
   left: auto;

less/carousel.less

@@ -80,7 +80,13 @@
   border: 3px solid @white;
   .border-radius(23px);
   .opacity(50);
-  .transition(all .2s linear);
+
+  // we can't have this transition here
+  // because webkit cancels the carousel
+  // animation if you trip this while
+  // in the middle of another animation
+  // ;_;
+  // .transition(opacity .2s linear);
 
   // Reposition the right one
   &.right {