Знак плюса или крест на CSS

Знак плюса или крест, используя только CSS. Пример:

HTML code:


<div class="plus"></div>

CSS code:


.plus {
	width: 100px;
	height: 100px;
	background: linear-gradient(to bottom, transparent 35%, #000 35%, #000 65%, transparent 65%), linear-gradient(to right, transparent 35%, #000 35%, #000 65%, transparent 65%);
}

Знак плюса или крест на CSS

Не используются изображения, специальные символы или буквы. Не создаются псевдоэлементы :before и :after. Только чистый CSS и только один HTML-элемент.

Поддержка в браузерах

Теги: CSS, Геометрические + фигуры + CSS

  • Опубликовано: 18 Января, 2018
  • Последнее редактирование: 29 Января, 2023
Яндекс.Директ Google AdWords Bing Ads Amazon Product Ads HTML CSS JavaScript jQuery PHP CMS CMF MODX Wordpress Drupal ExpressionEngine htaccess SEO SEM HTML CSS JavaScript jQuery PHP CMS CMF MODX Wordpress Drupal ExpressionEngine htaccess SEO SEM Яндекс.Директ Google AdWords Bing Ads Amazon Product Ads