Skip to content

Instantly share code, notes, and snippets.

module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
esmodules: true,
},
},
],
let animitems = document.querySelectorAll(".animaits");//создаем переменную в которую помещаем массив е элемнтов с //классом "._anim-items", которые в дальней шем подлежат анимированию
if(animitems.length > 0) { //проверяем массив на присутствие в нем элементов, и если
window.addEventListener("scroll", animOnScroll) //он массив не пуст, перебираем его
function animOnScroll(params){
for(let i = 0; i < animitems.length; i++){
let animItem = animitems[i]; //получаем в перменную каждый елемент массива
let animItemHeight = animItem.offsetHeight; //получаем в перемен высоту элемента с учётом вертикал. полей и границ в пикселях
let animateOffset = getCoords(animItem).top; //создаем переменную в которю получ. поцицию элементя верха окна браузера
let animStart = 4; //коефициент момента старта анимации
/* http://meyerweb.com/eric/tools/css/reset/
v2.0-modified | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,