Часто при создании сайта требуется поставить элемент по центру. Проблема в том, что стандартные top: 50% и left: 50% ставят элемент не по центру, так как точка отсчета исходит не из центра элемента, а из его левой верхней точки. Чтобы решить эту проблему, то нужно сместить точку отсчета в центр элемента. Для этого необходимо знать его размер и, использовав функцию calc, вычитать половину ширины/высоты соответственно. Пример ниже.
.wpc-term-swatch-wrapper:after {
width: 10px;
height: 5px;
top: calc(50% - 2.5px);
left: calc(50% - 5px);
}📌 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.
➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.
WEB PANDA | #верстка #сниппеты #cssхак