спины без задержки

/* ----------------------------------------- */ /* Краткий заголовок представления: main-page-last-strims – начало */ /* ----------------------------------------- */ .mainpage-last-strimy-block-title { font-weight: 100; } .mainpage-last-strimy-block-title span { color: #f76d08; } /* ----------------------------------------- */ /* Краткий заголовок представления: main-page-last-strims – конец */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Шаблон контента: Loop item in Главная | Блок Последние стримы – начало */ /* ----------------------------------------- */ .snip1580 { position: relative; display: inline-block; overflow: hidden; max-width: 215px; width: 100%; background-color: #000000; color: #ffffff; text-align: left; font-size: 16px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin: 5px 5px; } .snip1580 * { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-sizing: border-box; box-sizing: border-box; } .snip1580 img { max-width: 100%; vertical-align: top; } .snip1580 figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; background-color: rgba(122, 43, 4, 0.75); } .snip1580 h3 { font-size: 12px; font-weight: 400; line-height: 20px; margin: 3px 0; } .snip1580 i { font-size: 96px !important; display: block; text-align: center; position: absolute; top: 15%; right: 34%; opacity: .4; color: #9f9d9c; } .snip1580 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .snip1580:hover figcaption, .snip1580.hover figcaption { top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: #fff; } .snip1580:hover i, .snip1580.hover i { display: none; } .snip1580:hover h3, .snip1580.hover h3, .snip1580:hover h5, .snip1580.hover h5 { color: #333; } /* ----------------------------------------- */ /* Шаблон контента: Loop item in Главная | Блок Последние стримы – конец */ /* ----------------------------------------- */