Гость
  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Web-социальные кнопки с приятной анимацией rip Бармен
Web-социальные кнопки с приятной анимацией rip Бармен
Бармен Online Дата: Среда, 10.04.2019, 20:18 | Сообщение # 1
Модератор
Звание: Новобранец [?]
Сообщений: 28


Рипал: Бармен
Ссылка на скачивание!
Вставляем в Нижнею часть сайта:

Код
<div class="cont">
   <div class="block_title">Еще больше интересного, <b>в моих соцсетях</b></div>
   <div class="grid">
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc1.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc2.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc3.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc4.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc5.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc6.jpg" alt="">
      </a>
   </div>
</div>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Comfortaa&subset=cyrillic,cyrillic-ext');
.cont {
     position: relative;
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
}
.block_title {
     color: #1b1b1b;
     font-size: 54px;
     font-family: 'Lobster', cursive;
     position: relative;
     margin-bottom: 70px;
     padding: 0 10px;
     letter-spacing: .02em;
}
.block_title:after {
     position: absolute;
     bottom: -28px;
     left: 0;
     display: block;
     width: 103px;
     height: 8px;
     content: '';
     background: url(/images/bg_block_title.png) 0 0 no-repeat;
}
.block_title b {
     font-family: 'Comfortaa', cursive;
     font-style: normal;
}
.grid {
     display: flex;
     margin-bottom: -30px;
     margin-left: -30px;
     justify-content: flex-start;
     align-items: stretch;
     align-content: flex-start;
     flex-wrap: wrap;
}
.grid .item {
     position: relative;
     top: 0;
     display: block;
     width: calc(16.666% - 30px);
     margin-bottom: 30px;
     margin-left: 30px;
     transition: .2s linear;
     box-shadow: 0 5px 32px rgba(77,112,219,.29);
}
.grid .item:hover {
     top: -18px;
     box-shadow: 0 13px 21px rgba(0,111,252,.52);
}
.grid .item img {
     display: block;
     width: 100%;
}
Дата регистрации: 28.07.2018
Форум » Web-Раздел » Скрипты для uCoz » Web-социальные кнопки с приятной анимацией rip Бармен
  • Страница 1 из 1
  • 1
Поиск:

Обновленные темы

Мини-чат

Лучшие пользователи

Xemordio REP: 11[3489]
Infe[R]nos REP: 5[38]
Бармен REP: 7[28]
StraNNik REP: 1[25]
NL-Vincenz REP: 0[12]
Waldemar REP: 0[12]
Razilator REP: 14[7]
Ghosteron REP: 3[6]
LENA_D REP: 0[5]
Duzeppa26 REP: 4[5]

Статистика форума

Темы: 2433
Всего постов: 3630
Новый юзер:arsenijzigulin9
Нас сегодня посетили:
Xemordio, Бармен