Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp">www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Дата отправки отчёта:
31 августа 2018 г.
Задание выполнено: за
57 мин.
Чему научился:
Анимировать отдельные свойства элементов и создавать цепочки анимации. Сделал "Zorro" анимацию логотипа видеошарпа!)
Что было сложным:
Разместить все это на скриншоте)
Оценка видео-уроку:
Оцени работу
Сохранить страницу:
Отчёт оценивали: 1295. Дмитрий Че+16452. Кирилл Шмойлов+110558. Иван Воронин+118493. Evgenii Kudriavtcev+19752. chokayes+18275. Tekashnik+1Посетитель+117947. Dmitry Sinitsin+117606. Виктор+1Посетитель+116218. Дмитрий+117425. ser2018+14395. Денис+118783. Andrew+118131. Александр+13922. Александр+1791. Валерий Жданов+1459. Сергей Сергеевич+110494. Алексей В.+117255. Слава+17119. Новопашин Владимир+120545. Max+1
Начинаем практику по языку C#
Чтобы стать хорошим программистом — нужно писать программы.
На нашем сайте очень много практических упражнений.
После заполнения формы ты будешь подписан на рассылку
«C# Вебинары и Видеоуроки»,
у тебя появится доступ к видеоурокам и консольным задачам.
Несколько раз в неделю тебе будут приходить письма —
приглашения на вебинары, информация об акциях и скидках,
полезная информация по C#.
Научился: Научился использовать относительные значения в методе animate, узнал как создавать последовательность анимаций. Реализовал анимацию zorro с логотипом проекта.
Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/9/index.html
Научился: Использование плагина jQuery.Color Отличный урок, добавил плагин для анимации цвета, отлично выглядит, добавил независимую анимацию цвета фона для обоих полей, так же переход между цветами каждый раз занимает рандомное время для большей уникальности анимации.
Добавил логотип проекта вместо чёрного квадратика, который бегает в стиле Zorro, размер квадратика была 20х20, голотип сделал 40х40, чтобы лучше было видно.
Так же реализовал второе поле, где кубик 20х20 бегает по периметру, чем ближе он к центру каждой стенки, тем он сплющивается в её сторону, использовал toggle свойство для полей ширины и высоты там где это необходимо =)