Баг Opera с анимацией overflow: hidden;
HTML
<div class="aside_map">
<div class="aside_map_frame transitionfix">
<div class="aside_map_img"> </div>
</div>
</div>
CSS
body {
background-color: #f3d8ab;
}
.aside_map {
display: block;
margin: 25px;
border-radius: 40px 0px 40px 0px;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
width: 300px;
height: 230px;
}
.aside_map_frame {
width: 100%;
height: 100%;
background: transparent;
background: url('http://365psd.ru/images/backgrounds/wood-texture-009.jpg') #f1c584;
border-top: 4px solid #B4811C;
border-left: 4px solid #B4811C;
border-bottom: 4px solid #B4811C;
border-right: 4px solid #B4811C;
border-radius: 35px 0 35px 0;
-moz-border-radius: 35px 0 35px 0;
-webkit-border-radius: 35px 0 35px 0;
z-index: 10;
overflow: hidden;
}
.aside_map_img {
position: relative;
background: transparent url('http://posterok.com/photo/big/POK01492_1.jpg') no-repeat scroll center center;
background-size: cover;
background-color: #f5eccd;
min-height: 100%;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.aside_map_img:hover {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.transitionfix {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}