Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp">www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Дата отправки отчёта:
5 октября 2017 г.
Задание выполнено: за
2 час. 22 мин.
Чему научился:
научился анимировать цвет
Что было сложным:
найти подходящий плагин
Комментарии:
Хотел применить анимацию к свойству transform: rotate(45deg); не получилось :(
Отчёт оценивали: 1. Евгений Волосатов+1459. Сергей Сергеевич+16452. Кирилл Шмойлов+18275. Tekashnik+14395. Денис+19901. Neo+112230. LINKI+15649. Максим Лапшинов+110558. Иван Воронин+17652. Петя+12721. mikemet+13776. Евгений Мацкин011582. Родион+19858. Александр+113540. Алексей Малышев+14004. Елена+115822. Павел Демьянов06203. Николай Миролюбов+1
Начинаем практику по языку C#
Чтобы стать хорошим программистом — нужно писать программы.
На нашем сайте очень много практических упражнений.
После заполнения формы ты будешь подписан на рассылку
«C# Вебинары и Видеоуроки»,
у тебя появится доступ к видеоурокам и консольным задачам.
Несколько раз в неделю тебе будут приходить письма —
приглашения на вебинары, информация об акциях и скидках,
полезная информация по C#.
Научился: Научился использовать относительные значения в методе animate, узнал как создавать последовательность анимаций. Реализовал анимацию zorro с логотипом проекта.
Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/9/index.html
Научился: Использование плагина jQuery.Color Отличный урок, добавил плагин для анимации цвета, отлично выглядит, добавил независимую анимацию цвета фона для обоих полей, так же переход между цветами каждый раз занимает рандомное время для большей уникальности анимации.
Добавил логотип проекта вместо чёрного квадратика, который бегает в стиле Zorro, размер квадратика была 20х20, голотип сделал 40х40, чтобы лучше было видно.
Так же реализовал второе поле, где кубик 20х20 бегает по периметру, чем ближе он к центру каждой стенки, тем он сплющивается в её сторону, использовал toggle свойство для полей ширины и высоты там где это необходимо =)