Di21H
@Di21H
Обычный человек

Как сделать превью, как на akket.com?

Ну никак не могу сделать подобие вот такой штуки: заходите на любую запись на akket.com и видите, как красиво расположили текст на картинку. У меня текст на картинку ставится-то ставиться, но появляются вот такие баги: текст не адаптивен, текст сливается с фоном(а сделать затемнение как на аккет никак не получается). Кто ни будь может "продемонстрировать" код как это сделать? Можете вместо функций(Название статьи, категории) просто слова использовать. Основные проблемы это - 1. текст не адаптивен, а через "media" это исправлять лень 2. Текст сливается с фоновым изображением, нужно сделать градиент или затемнение как на аккет, но у меня градиент стоит сзади картинки и не виднеется(z-index пробовал). Я похоже что-то неправильно распологаю или что-то еще. Прошу просто не кодом даже словами немного объяснить как это правильно делается.
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ответы на вопрос 1
@azerphoenix
Информация по тому, как автоматически подобрать затменение для лучшей читабельности текста. Скрипт -
https://antoningrele.github.io/img-brightness-norm...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы