У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

Загадочный дом - Фан клуб

Меню навигации

Пользовательские ссылки

Активные темы

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

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

Вы здесь » Загадочный дом - Фан клуб » Пазл с историей1 10

Пазл с историей1 10

a.buttonkyz { text-decoration: none; outline: none; display: inline-block; padding: 3px 10px; margin: 10px 20px; border-radius: 9px; border: 1px solid #644533; background-image: linear-gradient(45deg, #4a150e 0%, #FAE8C0 50%, #644533 100%); background-position: 100% 0; background-size: 200% 200%; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 300; color: white; box-shadow: 0 16px 32px 0 rgba(0, 40, 120, .35); transition: .5s; } a.buttonkyz:hover { box-shadow: 0 0 0 0 rgba(0, 40, 120, 0); background-position: 0 0; }

🤗 Выложить скрин игры и получить подарок 🤗

.card.wrapper { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .card.wrapper h1{ font-size: 2rem; font-family: 'Montserrat'; font-weight: normal; color: #FFF; text-align: center; margin: 2rem 0; } .card.wrapper { width: 100%; margin: 0 auto; max-width: 100rem; } .card.wrapper .cols{ overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card.wrapper .col{ width: calc(50% - 2rem); margin: 1rem; cursor: pointer; } .card.wrapper .container{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; } .card.wrapper .front, .card.wrapper .back{ background-size: cover; background-position: center; -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; min-height: 800px; height: auto; border-radius: 20px; color: #fff; font-size: 1.rem; } .card.wrapper .back{ background: #cedce7; background: -webkit-linear-gradient(45deg, #cedce7 0%,#596a72 100%); background: -o-linear-gradient(45deg, #cedce7 0%,#596a72 100%); background: linear-gradient(45deg, #cedce7 0%,#596a72 100%); } .card.wrapper .front::after{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; display: block; opacity: .1; background-color: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; } .card.wrapper .container:hover .front, .card.wrapper .container:hover .back{ -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); } .card.wrapper .back{ position: absolute; top: 0; left: 0; width: 100%; } .card.wrapper .inner{ -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; width: 100%; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; } .card.wrapper .container .back{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .card.wrapper .container .front{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .card.wrapper .container:hover .back{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .card.wrapper .container:hover .front{ -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .card.wrapper .front .inner p{ font-size: 1.8rem; margin-bottom: 2rem; position: relative; } .card.wrapper .front .inner p:after{ content: ''; width: 4rem; height: 2px; position: absolute; background: #C6D4DF; display: block; left: 0; right: 0; margin: 0 auto; bottom: -.75rem; } .card.wrapper .front .inner span{ color: rgba(255,255,255,0.7); font-family: 'morf'; font-weight: 300; } @media screen and (max-width: 64rem){ .card.wrapper .col{ width: calc(33.333333% - 2rem); } } @media screen and (max-width: 48rem){ .card.wrapper .col{ width: calc(50% - 2rem); } } @media screen and (max-width: 32rem){ .card.wrapper .col{ width: 100%; margin: 0 0 2rem 0; } }

Городские пейзажи

О картине

Маслом на деревянных панелях американский художник Джереми Манн (Jeremy Mann) пишет динамичные портреты современного мегаполиса. «Абстрактные формы, линии, контраст светлых и темных пятен — все создает картину, которая вызывает то чувство, которое человек испытывает в толпе и суматохе города, но также может выразить и спокойствие, которое обретается при созерцании тихой красоты», - говорит художник.

Джереми Манн

О художнике

Джереми Манн, современный американский художник, родился в 1979 году, с отличием окончил университет Огайо и получил степень бакалавра в области изобразительного искусства. После этого он обучался в университете Калифорнии, где получил степень магистра с отличием, затем в Академии искусств при университете в Сан-Франциско.

Вы здесь » Загадочный дом - Фан клуб » Пазл с историей1 10

Создать форум | Помощь по форуму