No sé cómo funcionará Bootstrap. ¿Añade alguna clase o algo al elemento del carrusel que esté activo? Porque con CSS no puedes hacer que una animación empiece después de un click, bueno, si puedes, usando elementos de formulario pero se va al garete la semántica. Entonces lo suyo sería que si con JavaScript se añade una clase al elemento activo, bases las animaciones en esa clase.
Código CSS:
Ver original.elemento_activo .trans-bottom {
// Código
}