Магически не чёткий border, как сделать его чётче?

Question

[Tigronix]

Всем привет!) Помогите пожалуйста)
joxi.ru/Vm6QngDixRBQZr - При ховере, как видно на скрине, бордер видно чётко, но в обычном состоянии, как-то размыто.
С чём это может быть связано?
Вёрстка тут: https://jsfiddle.net/1hwxpwup/

Comments

[mletov]

Пришлите лучше ссылку на jsfiddle. м б там картинки качества не ахти?

[mletov]

Да и вообще, судя по скрину, при ховере тоже есть размытие

Answer 1

[Александр]

Лучше размещать свой код в песочницах вроде jsfiddle.net или codepen.io чтобы можно было сразу посмотреть результат, а не копировать его от сюда...

Comments

[Tigronix]

Спасибо, сделал

[Александр]

А если так сделать? https://jsfiddle.net/1hwxpwup/1/

[Tigronix]

Александр: Белый бордер нужен обязательно, так как верстаю по макету.

Answer 2

[Vlad Tytcky]

Это связано с низким разрешением экрана. И сделать тут скорее всего ничего нельзя. По крайней мере, гугление ничего не дало. Можно поменять border на 2px, или увеличить width и height до 35px, если это, конечно, не принципиально:)