Эта статья особенная, вы можете спросить, почему. Это потому, что в моей последней статье «Флаг CSS: Индия» я сказал:

Я начинаю новую серию под названием Флаг CSS. Где я буду делать флаги разных стран, начиная с Индии.

Я спросил себя: «Почему бы мне не сделать статью, в которой будут флаги всех 195 стран, вместо того, чтобы создавать 195 статей?». Ну вот и я.

В этой статье я сделал флаги всех стран, используя только HTML и CSS. В конце статьи. У вас будет специальный Бонус (чтобы его увидеть, вам нужно дойти до конца статьи).


Отказ от ответственности

  • Идея этой серии пришла мне в голову 15 августа, как я упоминал в своей предыдущей статье Флаг CSS: Индия.
  • Я не хочу задеть чьи-либо чувства или чувства этой статьей. Так как это может оскорбить некоторых людей, если флаг их страны немного не в точку. Я уважаю флаг каждой страны и ее людей. Если вы обнаружите какие-либо ошибки в каком-либо из флагов, сообщите мне об этом. Я исправлю это как можно скорее.
  • Если есть какие-то проблемы с Codepen на мобильных устройствах, попробуйте переключиться в режим рабочего стола или зайти через браузеры для настольных компьютеров/ноутбуков.
  • Я также использовал изображения (PNG) в некоторых флагах, потому что создавать их было довольно сложно.
  • Размер каждого флага 300×200 пикселей. Флаги некоторых стран имеют разные размеры. Так что это может немного отличаться из-за разницы в размерах.


Оглавление:



Афганистан


Албания


Алжир


Андорра


Ангола


Антигуа и Барбуда


Аргентина


Армения


Австралия


Австрия


Азербайджан


Багамы


Бахрейн


Бангладеш


Барбадос


Беларусь


Бельгия


Белиз


Бенин


Бутан


Боливия


Босния и Герцеговина


Ботсвана


Бразилия


Бруней


Болгария


Буркина-Фасо


Бурунди


Камбоджа


Камерун


Канада


Кабо-Верде


Центральноафриканский


Чад


Чили


Китай


Колумбия


Коморы


Демократическая Республика Конго


Республика Конго


Коста-Рика


Хорватия


кубинский


Кипр


Чехия


Дания


Джибути


Доминика


Доминиканский


Восточный Тимор


Эквадор


Египет


Спаситель


Экваториальная Гвинея


Эритрея


Эстония


В Свате


Эфиопия


Фиджи


Финляндия


Франция


Габон


Гамбия


Грузия


Германия


Гана


Греция


Гренада


Гватемала


Гвинея


Гвинея-Бисау


Гайана


Гаити


Гондурас


Венгрия


Исландия


Индия


Индонезия


Иран


Ирак


Ирландия


Израиль


Италия


Кот-д’Ивуар


Ямайка


Япония


Иордания


Казахстан


Кения


Кирибати


Северная Корея


Южная Корея


Кувейт


Кыргызстан


Лаос


Латвия


Ливан


Лесото


Либерия


Ливия


Лихтенштейн


Литва


Люксембург


Мадагаскар


Малави


Малайзия


Мальдивы


Мали


Мальта


Маршалловы острова


Мавритания


Маврикий


Мексика


Микронезия


Молдова


Монако


Монголия


Черногория


Марокко


Мозамбик


Мьянма


Намибия


Науру


Непал


Нидерланды


Новая Зеландия


Никарагуа


Нигер


Нигерия


Северная Македония


Норвегия


Оман


Пакистан


Палау


Палестина


Панама


Папуа — Новая Гвинея


Парагвай


Перу


Филиппины


Польша


Португалия


Катар


Румыния


Россия


Руанда


Сент-Китс и Невис


Сент-Люсия


Святой Винсент и Гренадины


Самоа


Сан-Марино

Сан-Томе и Принсипи


Саудовская Аравия


Сенегал


Сербия


Сейшелы


Сьерра-Леоне


Сингапур


Словакия


Словения


Соломоновы острова


Сомали


Южная Африка


южный Судан


Испания


Шри-Ланка


Судан


Суринам


Швеция


Швейцария


Сирия


Тайвань


Таджикистан


Танзания


Таиланд


Идти


Тонга


Тринидад и Тобаго


Тунис


Турция


Туркменистан


Тувалу


Уганда


Украина


Объединенные Арабские Эмираты


Соединенное Королевство


Соединенные Штаты


Уругвай


Узбекистан


Вануату


Ватикан


Венесуэла


Вьетнам


Йемен


Замбия


Зимбабве


Бонус

Как я уже говорил в начале статьи, я прикреплю бонусный раздел. Вот. Вы можете найти флаги всех стран в следующем Codepen (все в одном):


Подведение итогов

Я также использовал изображения в некоторых флагах, потому что создавать их было довольно сложно. Надеюсь, вам понравилась статья, если да, то не забудьте нажать ❤️. Если у вас есть какие-либо вопросы или предложения, не стесняйтесь оставлять их. Вы можете расширить свою поддержку, Купи мне кофе. Увидимся в следующем.


использованная литература

Миниатюра изображения @krisetya в Скрыть