CSS непрозрачность переход на щелчок ⇐ Html

[Anonymous]

Есть ли какой -нибудь способ, которым я могу заставить это изображение исчезнуть в использовании определенного перехода CSS? Прямо сейчас он просто заскочил к полной непрозрачности. < /p>



var makeImage = function() {
$('#image').remove();

$(document.body).append('

');

var img = $('#image')[0];
console.log(img.style);
img.style["opacity"] = 1;
};< /code>
.fadeIn {
opacity: 0;
-moz-transition: opacity 5.5s ease 0.300s;
-webkit-transition: opacity 5.5s ease 0.300s;
-o-transition: opacity 5.5s ease 0.300s;
transition: opacity 5.5s ease 0.300s;
}< /code>

Fade Example
< /code>
< /div>
< /div>
< /p>

Редактировать: я понимаю, что есть функция Fadein, предоставленная jQuery. Я сожалею об использовании jQuery в этом примере, так как это было то, что это было сделать, используя свойства перехода CSS.


Подробнее здесь: https://stackoverflow.com/questions/172 ... n-on-click