Как можно сгладить графическое искажение грани блока с видео, возникшее при его повороте?

Question

[Illia T]

Transform: rotate() - и границы блока с видео напоминают полотно пилы. Верстать нужно под старьё в том числе, поэтому современные средства вряд ли актуальны.

Comments

[ProjectSoft]

Всё верно. Использую новые инструменты вы не излечите трупы.
Если вы поддерживаете старые браузеры - то приходится чем-то безвозвратно жертвовать.
Выбор за вами или вашим заказчиком. Он должен это понимать.

[ⓒⓢⓢ]

сгладить - в некотором смысле размыть
1. попробуйте что-нибудь из полупрозрачного box-shadow 1-2пкс для эффекта размытия
2. попробуйте поместить за видео - блок с фоновой заливкой

[Александр]

Ничего не надо делать.

Answer 1

[Andrej Sharapov]

Можно попробовать поместить блок с видео в еще один контейнер с чуть меньшим размером и добавить overflow:hidden. Тогда при повороте не будет видно границы видео

Comments

[Illia T]

Прикольный костыль. Нечто подобное приходило в голову, но думал, что есть какие-то специальные методы, относящиеся к CSS2.

[snap44]

illiatovpeko, откуда бы им взяться если в css2 нет трансформаций?
Попробуйте поиграть с десятыми долями градуса (не 30deg, а 30.1deg например) или с толщиной рамки.