Разделы
Теги | RSS © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2
» » » Страница 8

pakastin/animationframes - скрипт создания анимации на js


import { frames, ease } from 'animationframes';

const translate = (x, y) => `translate(${x}%, ${y}%)`;

const el = document.createElement('h1');

const animation = frames(0, 1000)
  .start(() => {
    el.style.transform = translate(-100, 0);
  })
  .progress((t) => {
    const e = ease.quartInOut(t);
    const x = -100 * (1 - e);

    el.style.transform = translate(x, 0);
  })
  .end(() => {
    el.style.transform = '';
  });

el.textContent = 'Hello world!';

document.body.appendChild(el);

https://github.com/pakastin/animationframes

ityped - скрипт анимации набора текста


ityped - скрипт анимации набора текста

https://github.com/luisvinicius167/ityped

flexdatalist - js скрипт автокомплита


flexdatalist - js скрипт автокомплита

http://projects.sergiodinislopes.pt/flexdatalist/

Siema - простая карусель без зависимостей


Siema - простая карусель без зависимостей

https://pawelgrzybek.com/siema/

muicss/loadjs - простой маленький загрузчик


// define a dependency bundle
loadjs(['/path/to/foo.js', '/path/to/bar.js'], 'foobar');

// execute code elsewhere when the bundle has loaded
loadjs.ready('foobar', {
  success: function() { /* foo.js & bar.js loaded */ },
  error: function(depsNotFound) { /* foobar bundle load failed */ }
});

https://github.com/muicss/loadjs

aos - библиотека анимация при скролле


aos - библиотека анимация при скролле

https://michalsnik.github.io/aos/
«»
Вверх