Блог

Главная - Вопросы по программированию - придающий эффект при изменении изображения с помощью javascript и css3

придающий эффект при изменении изображения с помощью javascript и css3

#javascript #css #css-transitions #transition

#javascript #css #css-переходы #переход

Вопрос:

я хочу изменить изображение с помощью javascript, используя код:

     document.getElementById("").setAttribute("src","");

и придание ему эффекта с помощью css3

     #id{transition:1s;}

но это не работает
как я могу сделать это правильно, используя CSS3 и javascript

Комментарии:

1. Свойство CSS transition предназначено для корректных переходов в формате CSS. Здесь вы меняете атрибут HTML, который совершенно не связан ни с каким свойством CSS.

Ответ №1:

Не все свойства поддаются переходу. Вот список тех, которыми можно управлять.

Если вы хотите изменить цвет между ними, может потребоваться более сложное решение, включающее наложение нового элемента поверх оригинала в сочетании с opacity:0 и transition:1s .

Комментарии:

1. src не является свойством. Это атрибут HTML и полностью выходит за рамки CSS (за исключением, возможно, селекторов).