ЛР(х2) Основы гипертекстового представления интернет-контента

Работа посвящена созданию простой веб-страницы на HTML и семантической разметке: в цели заявлено изучение семантических особенностей элементов языка HTML и получение навыков семантической разметки. Вторая часть — анимация на веб-страницах и графические преобразования элементов по спецификации CSS Transform Module Level 2.

В задании нужно реализовать анимацию прямоугольника двумя способами — через свойство transition и через animation с @keyframes: при наведении прозрачность объекта меняется от полностью невидимого до полностью видимого, ширина увеличивается в четыре раза, высота — в три. В работе приведены HTML-разметка страницы и CSS-код обоих вариантов, включая набор keyframes с промежуточным кадром.

Отдельный раздел — сравнение двух подходов: вариант на transition признан более плавным, так как анимацию не требуется разбивать по кадрам и рассчитывать работу каждого кадра. В выводе сформулировано, когда выбирать transition — простая анимация, срабатывающая по событию, а когда animation — сложная анимация с контролем состояния элементов и запуском сразу после загрузки страницы. Приведены также результаты проверки кода валидатором.