@l55uiz

Как бы вы реализовали такой блок с языками?

Привет всем.
Есть блок с языками и я не могу решить каким способом правильней сделать.
Вот блок - prntscr.com/ezunbc , при наведении выезжает текст
Каждая картинка состоит из частей как на скриншоте - prntscr.com/ezuo3q ( 3 отдельных элемента - якорек(синий квадрат), сам флаг(красный квадрат), белый фон(оранжевый квадрат) ).
Как бы вы сделали такой блок?
1. Через псевдоэлементы after / before добавили бы части элементов(якорек, белый фон для текста) ?
2. Вставили бы сразу готовый флаг как на картинке и не парились.
3. Взяли бы такой флаг - prntscr.com/ezuq3j , и через transform/border пытались бы срезать угол, и также через псевдоэлементы добавить части флага.
4. Ваш вариант

Было бы замечательно, если бы пользователь мог сразу загрузить стандартный флаг другой страны и система сразу его переделала под нужный*, а не через фотошоп делать такой дизайн
Буду рад выслушать мнения
  • Вопрос задан
  • 145 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@architawr
"Ok, Google" и все твои проблемы решены
2 вариант
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы