Современные возможности CSS позволяют создавать замечательные CSS-анимации и работать с фоном раскрашивая его градиентной заливкой. Небольшой набор задач на CSS-анимацию, позволит Вам закрепить материалы курса и задать дополнительные вопросы на занятиях HTML. Примечание: как и другие задания HTML и JavaScript результат выполнения можно предоставлять как ссылку на codepen.io
Задания по CSS-градиентам и анимации
- Создайте градиентрый фон у любого элемента на странице.
- Создайте «многослойный» градиент.
- Добавьте анимацию для выпадающего меню на странице.
- Создайте версию страницы для печати
- Подключите нестандартные шрифты к своей странице. Примечание: используйте директиву @font-face
- Сверстайте двух, трех, четырех колоночные страницы фиксированного размера
- Выполните предыдущую задачу на верстку для «резинового» варианта.
- Подключить modernizr и напишите стили, срабатывающие на отсутствие или наличие поддержки какого-либо CSS-свойства.
- * Сверстайте трёхуровневое выпадающее меню.