База знаний Warface

 

(Перенаправлено с Заглавная страница)
   ,  

.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%;

}

  1. 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%;

}

  1. 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;

}

 
Редактирование
Профиль