Как выровнять блок по центру, если его родитель меньше?

Question

[del993788]

Здравствуйте. Есть BOX1 и BOX2.
BOX1 меньше, чем BOX2, но BOX2 должен располагаться по центру BOX1, чтобы все излишки равномерно располагались за пределами блока. Как сделать такое не через transform?

https://jsfiddle.net/y2es0hak/

Answer 1

[dicem]

.box1 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 50%;
	height: 50%;
	top:0;left:0;bottom:0;right:0;
	margin:auto;
	border:1px solid #333333;

}

.box2 {
	width: 120%;
	height: 120%;
	flex-shrink: 0;
	background: blue;
	opacity:0.5;
}