Вверх
    Вниз

    test

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.

    Вы здесь » test » госуслуги » иконки

    иконки

    Страница: 1
    Тема закрыта

    Сообщений 1 страница 13 из 13

    1

    0

    2

    0

    3

    0

    4

    подарки за 300 звезд

    0

    5

    подарки за 500 звезд

    0

    6

    0

    7

    0

    8

    0

    9

    [/hide]

    0

    10

    0

    11

    0

    12

    [html]
        <div class="container">
          <div class="gallery">
            <div class="item-1"></div>
            <div class="item-2"></div>
            <div class="item-3"></div>
            <div class="item-4"></div>
            <div class="item-5"></div>
          </div>
        </div>

    <style>
    .container .gallery {
      height: 50vh;
      display: flex;
      flex-wrap: wrap;
    }
    .container .gallery div {
      width: 200px;
      height: 100%;
      flex: 1;
      background-position: center center;
      background-size: cover;
      transition: 1.5s;
      cursor: pointer;
    }
    .container .gallery div:hover {
      flex: 6;
    }

    .item-1 {
      background-image: url("https://i.imgur.com/YX7lHr9.jpg");
    }

    .item-2 {
      background-image: url("https://i.imgur.com/sn75rCv.jpg");
    }

    .item-3 {
      background-image: url("https://i.imgur.com/YX7lHr9.jpg");
    }

    .item-4 {
      background-image: url("https://i.imgur.com/sn75rCv.jpg");
    }

    .item-5 {
      background-image: url("https://i.imgur.com/YX7lHr9.jpg");
    }
    </style>[/html]

    0

    13

    Код:
    [html]
<link href="https://alexerlandsson.github.io/dice/css/dice.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://alexerlandsson.github.io/dice/js/dice.js"></script>

<div style="padding: 10px;"  class="dice__scene">
      <div id="dice__cube" class="show-back">
        <div class="dice__side dice__side--front"></div>
        <div class="dice__side dice__side--back"></div>
        <div class="dice__side dice__side--right"></div>
        <div class="dice__side dice__side--left"></div>
        <div class="dice__side dice__side--top"></div>
        <div class="dice__side dice__side--bottom"></div>
      </div>
    </div>


<button class="demo__button" id="dice__btn">кинуть кубик</button>
[/html]

    0

    Тема закрыта
    Страница: 1

    Вы здесь » test » госуслуги » иконки

    Рейтинг форумов | Создать форум бесплатно