Создание простых масок CSS: изображения с закругленными краями

Демонстрация работы свойства закругления рамки для создания фотографии с закругленными углами, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<img src="http://thenewcode.com/assets/images/berlin-texas.jpg" alt="Berlin, Texas, USA" class="ghost-town">

CSS

.ghost-town {
  display: block;
	width: 350px; height: 263px;
	border-radius: 25px;
	overflow: hidden;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	transform: rotate(4deg) translateZ(0);
}