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

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

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

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

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

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

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

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

Пазл с историей2 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; } }

Иллюзорный мир

О картине

На картинах британского художника Нила Саймона (Neil Simone) все не так, как кажется на первый взгляд. «Для меня мир вокруг — это череда хрупких и постоянно меняющихся форм, теней и границ», — говорит Саймон. И на его картинах все действительно иллюзорно и взаимосвязано. Границы смываются, а сюжеты перетекают друг в друга.

Нил Саймон

О художнике

Нил Саймон родился в 1947 году в столице Англии - Лондоне. В школе изучал графику и дизайн. В 1969 году во время работы на выставке для образовательного центра MOTEC он посетил город Харрогит, где открыл для себя живописную природу Северного Йоркшира. Эти виды настолько сильно вдохновили художника, что он до сих пор живет в этом регионе, а на некоторых его картинах прослеживаются знакомые йоркширцам сюжеты

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

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