Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Подходит для небольших стартапов и тех, кто еще не рекламировал свой бизнес в интернете. Разработка сайта (до 5 страниц) + Яндекс Директ / ВК реклама.

от 69000 

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 

Как сделать галочку в css

Вы можете создать галочку в CSS, используя псевдоэлементы ::before и ::after и стили CSS для создания формы.

Например, следующий код создаст галочку размером 20х20 пикселей:

HTML:

<div class="check"></div>

CSS:

.check {
  width: 20px;
  height: 20px;
  position: relative;
  border: 1px solid black;
}

.check::before, .check::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: black;
  top: 50%;
}

.check::before {
  transform: rotate(-45deg);
  left: 3px;
}

.check::after {
  transform: rotate(45deg);
  right: 3px;
}

Здесь мы создаем пустые псевдоэлементы ::before и ::after и задаем им необходимые свойства для создания линий галочки. Затем мы используем transform: rotate() для поворота псевдоэлементов на 45 градусов в разные стороны и позиционируем их с помощью свойств left и right.

Вы можете изменять размер, цвет и другие свойства, чтобы создать нужный вам вид галочки.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.