Возможно ли добиться «обрезанного» образа при помощи только CSS3?

Question

Что касается вида изображений, представленных на этом сайте, - http://sl.dream -theme.com / html / album-light.html (я никоим образом не связан с этой темой WP, просто предоставив пример).Автор использует jRaphael для создания «срезов путей», что является хорошим и безопасным для браузера подходом, но я бы хотел избежать включения дополнительной библиотеки исключительно для этой цели.

Answer 1

очень просто:

http://dabblet.com/gist/2874826

использует псевдоэлементы css для маскировки изображения (поддержка довольно скромного браузера - будет отображаться как квадратное изображение в старых браузерах, вероятно, nbd?)

Если нужны тени / границы / вещи, вы можете добавить и дополнительную обертку для имитации наклонных границ, используя больше псевдоэлементов или манипулируемый (преобразованный) блок, или что-то еще.