Всё верно, к сожалению без разбивки текста на несколько блоков такого эффекта ни как не добиться.
Вам скорее всего это не подойдёт, так как текст выводиться из одной переменной. Но иначе ни как.
Не совсем то что хотел. Хотелось понять можно ли это сделать именно через :not().
Если нет, тогда прибегну к такому варианту, тоже вполне хороший. Спасибо
1. Они отображаться нормально, потому что большего размера.
2. Или потому, что толщина линий не дробная, ну к примеру толщена линии 1 или 2 пикселя рочно. А у той что плохо отображается, возможно толщена линии 1.56px из за чего получается такой эффект.
Откройте сайт с телефона с хорошим дисплеем, или же на ноуте с ретина, и иконка будет норм.
Но если вы открываете на каком нибудь 27 дюймовом мониторе с разрешением 1920x1080 то конео у вас она будет квадратиками. Всё зависит от девайса на котором вы просматриваете.
Сергей delphinpro, как градиентами не совсем понимаю. Я бы сделал в нутри каждого куба 6 кружков по 3 в каждом ряду. По умолчанию они были бы прозрачные, а те которые нужно подсвечивал бы чёрным добавляя класс.
Но если это тестовое, то хай чел сам думает как сделать)
Сергей delphinpro, а зачем точки? Он я так понял структуру просил, кто будет точки верстать дивами?) Не легче отрисовать соответствующие SVG и вставить их в нужные блоки?
Вам скорее всего это не подойдёт, так как текст выводиться из одной переменной. Но иначе ни как.