Я обновил блок «Тарифные планы», чтобы он выглядел более премиально и современно, в соответствии с передовыми практиками веб-дизайна.
Что было сделано:
-
Обновлен HTML-шаблон ():
- Изменена структура карточек (добавлены более плавные скругления, улучшены отступы).
- Заменены стандартные кнопки на новые градиентные и аутлайн-варианты.
- Иконки списка особенностей теперь помещены в аккуратные круглые подложки.
- Текст цены и заголовка переформатирован для лучшей читаемости и премиальности.
-
Добавлены новые CSS-стили ():
- Стекломорфизм (Glassmorphism): Добавлен эффект полупрозрачности
backdrop-filter: blur(20px)и темный фон для карточек тарифов, чтобы придать им современный глубокий вид. - Градиенты: Использованы сочные градиенты для кнопок, значка «Хит продаж», выделенного текста цены, а также красивый неоновый градиентный контур для рекомендуемого тарифа.
- Анимации: Добавлены микро-анимации на наведение (hover-эффекты) — карточки плавно поднимаются, увеличивается свечение тени.
- Типографика и тени: Добавлены мягкие тени
box-shadowи улучшен межбуквенный интервалletter-spacingдля повышения эстетической привлекательности.
- Стекломорфизм (Glassmorphism): Добавлен эффект полупрозрачности