вот результат на
css
проблемы с потерей качества изображения в chrome, opera в safari не смотрел, буду признателен если кто отпишет как там дела
если удалить свойство backface-visibility: hidden; проблема с потерей исчезнет, но появиться новая проблема: у границы будут не сглаженные края (зубчики)
может у кого получиться решить проблему в css, поделитесь кодом