work@lienusowl.ru

Полное портфолио: zsws.ru

Увеличение картинки внутри блока css

Сначала структура в html

	

Далее стили для картинки, блока и при наведении

	.imgPortfolio {
		display: block;
	    width: auto;
        height: auto;
		overflow: hidden;
		outline: 1px solid #eee;
		margin: 0 auto;
	}
	.imgPortfolio img {
		transition: all 2.3s;
		height: 100%;
		margin: 0 auto;
		display: block;
	}
	.imgPortfolio:hover img{
		position: relative;
		border-radius: 6px;
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-o-transform: scale(1.6);
		transition: all 3.3s;
	}

Пример работы: