Задача

Разработать одностраничный сайт (сайт-визитку или лендинг) для студии, специализирующейся на йоге и пилатесе. Требуется выполнить проект в стилистике, аналогичной предоставленному примеру.

Основные требования

  • Минималистичный дизайн - сайт не должен быть визуально перегружен.
  • Соответствие стилю из приложенного ТЗ.
  • Чистая, спокойная цветовая гамма.
  • Акцент на простоту и удобство восприятия для посетителей.

Ассиметричные CSS-переходы на кнопке с hover-эффектом

Требуется реализовать CSS-переход для кнопки, где при наведении и снятии наведения применяются одинаковые свойства, но с разными параметрами transition (длительность, задержка). Псевдоэлементы :after / :before используются как основа для эффекта.