И направи страхотни ефекти и анимации в сайта

Колкото по-далече в гората вече се разработят технологии и инструменти за уеб програмиране, толкова по-лесно става за уебмастъри. Така че да се създаде страхотни ефекти в даден сайт е чудесен начин с използването на анимация на CSS3 и JQuery плъгин за забавяне ефекти на правилните места, или да се обадите на определени събития.

Продължи. Трябва да се свърже с уебсайта JQuery библиотека. включете wow.js и мега animate.css файл с анимационни ефекти върху CSS3. Animate.css осигурява няколко десетки анимационни ефекти за всеки вкус. Кои ефекти са на разположение и това, което трябва да направите, за да участват в уроци, могат да бъдат намерени на сайта на разработчика.

Случаят остава за инициализация на wow.js плъгин, това е неговата конфигурация, както и предписването на правилните класове в шаблона на сайта.

В действителност най-интересно от гледна точка на постигане на качествени ефекти е параметър, офсет. всичко останало е по избор. Създаване компенсира параметър се определя прави отместване на елемент от долната част на екрана, стойността по подразбиране 0, - това е точката, в която елементът се вижда в прозореца на браузъра, в долната част на екрана. Ако искате да се повиши точка над започне анимацията, например, ако страницата е дълъг и искате да задействат анимацията, когато превъртате не се случва в долната част на екрана, както по-горе, след това добавете стойността на вдлъбнатината. Да предположим, че се дефинира отстъп отговор на анимацията в точката на височина 100 пиксела от долния край на екрана.

Стойността на този отстъп могат да се задават в скрипт или плъгин повикване атрибутни данни се определя всеки елемент поотделно, по-долу.

Остава да добавим класа и, ако е необходимо, специфичните характеристики на данни на елементите в шаблона sayta.Plagin поддържа следните атрибути.

данни уау-продължителност. промените продължителността на анимацията
данни уау-закъснение. Забавянето преди анимацията
данни уау-офсет. Разстояние да започне анимацията, в долната част на границата на прозореца на браузъра
данни уау-итерация. Брой на анимационни повторения

Игра с параметрите, за да зададете закъснение и скорост на анимацията анимация може да успее.

Един прост пример. Следващият блок ще бъде непрекъснато онлайн със скоростта на анимацията две секунди закъснение, преди анимацията, на 1,5 секунди.