Fade in on show function

У меня есть вкладки, настроенные для отображения / скрытия изображений в зависимости от выбранной вкладки. Как я могу исчезнуть на каждом изображении?

Код, который я использую, прекрасно работает при загрузке страницы, но не при выполнении шоу. Вот пример JSFiddle: http://jsfiddle.net/t7gTw/

Вот мой CSS:

.images  {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

1 ответ

Решение

Я думаю, вам нужно назначить images класс каждому img тег, который у вас есть.

Разветвлено и отредактировано: http://jsfiddle.net/ardok/77kDK/2/

Другие вопросы по тегам