Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp">www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Научился: Научился использовать относительные значения в методе animate, узнал как создавать последовательность анимаций. Реализовал анимацию zorro с логотипом проекта.
Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/9/index.html
Научился: Использование плагина jQuery.Color Отличный урок, добавил плагин для анимации цвета, отлично выглядит, добавил независимую анимацию цвета фона для обоих полей, так же переход между цветами каждый раз занимает рандомное время для большей уникальности анимации.
Добавил логотип проекта вместо чёрного квадратика, который бегает в стиле Zorro, размер квадратика была 20х20, голотип сделал 40х40, чтобы лучше было видно.
Так же реализовал второе поле, где кубик 20х20 бегает по периметру, чем ближе он к центру каждой стенки, тем он сплющивается в её сторону, использовал toggle свойство для полей ширины и высоты там где это необходимо =)
