О редкоиспользуемом псевдоэлементе :fullscreen

Свойство CSS ::fullscreen является псевдоэлементом и используется для стилизации элементов, которые находятся в режиме полного экрана. Это свойство позволяет изменять внешний вид элементов, когда они переходят в режим полного экрана.

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

Для использования свойства :fullscreen, необходимо добавить следующий код CSS:

.element:fullscreen{
	background-color: #000000;
	color: #ffffff;
	font-size: 20px;
}

В данном примере, когда элемент переходит в режим полного экрана, его фон становится черным, цвет текста становится белым, а размер шрифта устанавливается равным 20 пикселям.

Также можно использовать соотсветствующие префиксы для устаревших версий браузеров

/*Chrome, Safari, Yandex Brouser*/
.element:-webkit-full-screen {
	color: #000000;
}

/*Mozilla Firefox*/
.element:-moz-full-screen {
	color: #000000;
}

/*Internet Explorer, Edge*/
.element:-ms-fullscreen {
	color: #000000;
}

Свойство :fullscreen может быть применено к различным элементам, таким как кнопки, ссылки, изображения и т.д. Оно может быть использовано для создания интерактивных элементов, которые меняют свой внешний вид в зависимости от того, находятся ли они в режиме полного экрана или нет.

Однако, следует помнить, что свойство :fullscreen является псевдоэлементом и может не работать во всех браузерах одинаково. Поэтому, перед использованием этого свойства, следует проверить его работу в различных браузерах и устройствах.