jQuery CSS Анимация не работает в Firefox, Chrome, но работает в Safari

Question

Я немного поработал над проектом. В один прекрасный день я переустановил этот проект и обнаружил, что jquery CSS Animation не работает вообще!

Перейти на сайт http://goo.gl/3ZhJEI
1) Нажмите на «Портфолио».
2) Когда вы нажимаете на любое из полей на странице Портфолио, оно должно постепенно исчезать и исчезать.

Это работает пару месяцев назад. Я не уверен, почему это не работает сейчас. И странная часть - это работает на всех браузерах локально. И он работает в Safari онлайн, но не в Firefox и Chrome онлайн. Это очень странно.

Я не использую никаких CSS3-транзисторов, все они основаны на jQuery CSS Animate. Я использую require-jquery.js для загрузки jquery.

Разное Информация
Испытано на Firefox 26.0, Chrome версии 32.0.1700.77, Safari 6.1

Answer 1

Я просто проблемы на SRWare Iron версии 28. Для других браузеров это хорошо работает. Может быть, у вас есть хорошая причина, чтобы не использовать CSS-анимации, но это самый простой способ сделать это работает хорошо и без ошибок, например:

a img { 
opacity: 1; 
transition: opacity 1s; 
-webkit-transition: opacity 1s; 
-moz-transition: opacity 1s; 
-o-transition: opacity 1s; 
} 

a img:hover 
{ 
opacity :0.5; 
}