Как сделать крестик в css

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для формирования элемента похожего на кнопку закрытия, существуют как спецсимволы HTML так и Эмодзи. В современных операционных системах меню с выбором эмодзи вызывается по разному

Mac: CTRL + CMD + Space
Win: WIN + .
Ubuntu: CTRL + .

В примере ниже, в первых двух строка, эмодзи уже стоят, в третьей и четвертой используются специально зарезервированные HTML символы. Поскольку как и эмодзи так и спецсимволы - текст, к ним можно применять стили.

<span class="close--one ">❌</span>
<span class="close--two">✖</span>
<span class="close--three">&#x2715</span>
<span class="close--three">&#10006;</span>

.close--one {
  font-size: 20px;
}

.close--two {
  font-size: 30px;
  color: blueviolet;
  font-weight: 700;
}

.close--three {
  font-size: 30px;
}

Результат:

3 года назад

Вячеслав Межуревский

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Анимация CSS

Навык создания анимаций в CSS для улучшения пользовательского опыта и повышения востребованности на рынке

1 месяц

SASS

Навык работы с препроцессором SASS для эффективной и структурированной стилизации веб-приложений

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

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