そこで、(Twitter Bootstrap を使用して) navbar を作成し、その色を選択して、特定の要素がホバーされたときにわずかに異なる色に設定します。しかし問題は、トランジションが chrome で動作しないように見えることです。これまでのところ IE と Firefox で動作しています。何か案は？これがcssトランジションコードです（:hoverではなく、通常の状態にします）：
-webkit-transition: All .50s ease-out;
-moz-transition: All .50s ease-out;
-o-transition: All .50s ease-out;
-ms-transition: All .50s ease-out;
transition: All .50s ease-out;
どういうわけか必要な場合、色のCSSは次のようになります。
background-color: hsl(0, 86%, 24%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1b1b", endColorstr="#710808");
background-image: -khtml-gradient(linear, left top, left bottom, from(#ed1b1b), to(#710808));
background-image: -moz-linear-gradient(top, #ed1b1b, #710808);
background-image: -ms-linear-gradient(top, #ed1b1b, #710808);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed1b1b), color-stop(100%, #710808));
background-image: -webkit-linear-gradient(top, #ed1b1b, #710808);
background-image: -o-linear-gradient(top, #ed1b1b, #710808);
background-image: linear-gradient(#ed1b1b, #710808);
border-color: #710808 #710808 hsl(0, 86%, 17%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.46);