Свежие материалы
Warface
Режимы и механики
Оружие
Снаряжение
Кастомизация и серии
Экономика
Прогресс
Прочее
<style>
.buttons-banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 24px 0 40px;
}
.button-banner-equip {
overflow: hidden;
margin: 0 0 2px;
width: 250px;
height: 175px;
}
.button-banner-equip a {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding-top: 130px !important;
position: relative;
text-decoration: none;
}
.button-banner-equip a::after {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .7))) !important;
background: -o-linear-gradient(top, transparent 20%, rgba(0, 0, 0, .7)) !important;
background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, .7)) !important;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.button-banner-equip img {
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
width: 100%;
}
#content .button-banner-equip img {
height: 100% !important;
}
.button-banner-equip:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.button-banner-equip span {
color: #ff0000;
font: 19.5px/22px Quantico, Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 8px;
line-height: 30px;
z-index: 2;
top: 80%;
backface-visibility: hidden;
}
.button-banner-big {
overflow: hidden;
margin: 0 0 2px;
width: 313px;
height: 352px;
}
.button-banner-big a {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding-top: 355px !important;
position: relative;
text-decoration: none;
}
.button-banner-big a::after {
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.button-banner-big img {
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
width: 100%;
}
#content .button-banner-big img {
height: 100% !important;
}
.button-banner-big:hover img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.button-banner-big span {
color: #ff0000;
font: 19.5px/22px Quantico, Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 8px;
line-height: 30px;
z-index: 2;
top: 80%;
backface-visibility: hidden;
}
</style>