<form id='form1' action=""></form>
<form id='form2' action=""></form>
<div class="inputs">
<input form="form1" type="text">
<input form="form2" type="text">
<textarea form="form1"></textarea>
<input form="form1" type="text">
</div>
button.addEventListener('click', function() {
window.scrollTo({top: 0});
});
window.scrollTo({ top: 0, behavior: 'smooth' });
if (e.keyCode == 32 && menu.classList.contains('is-open') && !document.querySelector('textarea:focus') )
var myimage = document.getElementById("id_image");
var rw = myimage.naturalWidth;
alert(rw);
document.getElementById("id_image").onload = function() {
alert(this.naturalWidth)
}
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) )
transform
. Вторая перезаписывает значения первой. Используй одну анимацию и расставь тайминги, вместо таймаутов в js. По крайней мере на этом этапе. Сдвигать блок вниз лучше через transform: translate
canvas
с размерами кусочка, получаем dataURL
и вставляем его в background-image
.transition-delay
нужно ручками задавать, в зависимости от размеров картинки. Можно резать картинку под углом через skewAngle
и плясать от этого. Может ругаться на tainted canvases may not be exported, не знаю как побороть, но на локалке все норм.