Разработка Реализация флип-карточек

[baltun]

baltun разместил(а) новый ресурс:

Реализация флип-карточек - Реализация флип-карточек на сайте.

Создаем разметку HTML:

<div id="root"></div>

Пишем стиль:

@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
* {
  font-family: Raleway, sans-serif;
}

.cardContainer {
}
.cardBack {
}

.flipperContainer {
  border-radius:35px;
}
.flipperContainer, .cardFront, .cardBack {
  -webkit-perspective: 1000px;
          perspective: 1000px;
    width: 300px;
    height: 500px;
  position: relative;
  margin: 0 auto;
}
.flipperContainer:hover...

Посмотреть страницу этого ресурса...