Питерсайт       

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

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

 

HTML Код :

<div class="plus">&nbsp;</div>

CSS Код :

.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-элемент.

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

  • Windows : Internet Explorer 10.0+, Firefox 16.0+, Google Chrome, Opera 12.10+
  • Linux : Firefox 16.0+, Google Chrome / Chromium, Opera 12.10+

Опубликовано: 18 Января, 2018

Последнее редактирование: 18 Января, 2018

Яндекс.Директ Google AdWords Bing Ads Amazon Product AdsHTML CSS JavaScript jQuery PHP CMS CMF MODX Wordpress Drupal ExpressionEngine htaccess SEO SEMHTML CSS JavaScript jQuery PHP CMS CMF MODX Wordpress Drupal ExpressionEngine htaccess SEO SEMЯндекс.Директ Google AdWords Bing Ads Amazon Product Ads