Задания по CSS-градиентам и анимации

Ягоды: брусника

Ягоды: брусника

Современные возможности CSS позволяют создавать замечательные CSS-анимации и работать с фоном раскрашивая его градиентной заливкой. Небольшой набор задач на CSS-анимацию, позволит Вам закрепить материалы курса и задать дополнительные вопросы на занятиях HTML. Примечание: как и другие задания HTML и JavaScript результат выполнения можно предоставлять как ссылку на codepen.io

Задания по CSS-градиентам и анимации

  1. Создайте градиентрый фон у любого элемента на странице.
  2. Создайте «многослойный» градиент.
  3. Добавьте анимацию для выпадающего меню на странице.
  4. Создайте версию страницы для печати
  5. Подключите нестандартные шрифты к своей странице. Примечание: используйте директиву @font-face
  6. Сверстайте двух, трех, четырех колоночные страницы фиксированного размера
  7. Выполните предыдущую задачу на верстку для «резинового» варианта.
  8. Подключить modernizr и напишите стили, срабатывающие на отсутствие или наличие поддержки какого-либо CSS-свойства.
  9.  * Сверстайте трёхуровневое  выпадающее меню.

Добавить комментарий