.gradient-layer {
opacity: 1;
transition: opacity 2s ease-in-out;
}
svg:hover .gradient-layer {
opacity: 0;
}
const url ='https://images.unsplash.com/photo-1599009434802-ca1dd09895e7';
const img = new Image();
img.onload = function() {
console.log('loaded!');
someElement.appendChild(img); // вставить куда-то
}
img.src = url;
print data[0][0][0];
print data[0][0][1];
print data[0][0][2];
behavior: 'smooth'
DOMContentLoaded
происходит, когда весь HTML-код был получен и распарсен браузером.$(document).ready
с одним дополнительным удобством - если вы подпишетесь на событие DOMContentLoaded ПОСЛЕ того как оно произошло, то оно никогда не наступит. А код в jQuery.ready сработает и в этом случае.window.onload
или событие load объекта window сработает когда весь HTML-код, а также все стили, изображения, и прочий медиаконтент будет загружен.img
и у некоторых других медиа-элементов.c
равна строке 'all'
присвоить этой переменное значение ''
(пустая строка нулевой длины).c
потом для чего-то используется, но можно только догадываться для чего именно. const div = document.createElement('div');
const b = document.createElement('b');
b.textContent = 'привет!';
div.appendChild(b);
/*
обратите внимание, сперва собираем всю начинку в div, и только потом вставляем в документ
наоборот тоже сработает, но при вставке может произойти перерисовка страницы,
и когда вставок много вы рискуете получить тормоза.
*/
document.body.appendChild(div);
// второй способ
const text = Еще привет!;
const htmlStr = `<div><b>${text}</b><div>`;
document.body.insertAdjacentHTML('beforeend', htmlStr);