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

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

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


Вы здесь » Загадочный дом - Фан клуб » 🤗 Поиграем 🎉 » Топологические Забавы


Топологические Забавы

Сообщений 61 страница 70 из 178

1

Свернутый текст

Топологические Забавы

[html] <div class="custom-accordion">
    <div class="item">
        <div class="icon">1</div>
        <div class="title">
            <div class="text">Шаг 1 </div>
        </div>
        <div class="content"> ЗАЯВЛЯЕМСЯ здесь, простым словом : участвую. 🥰😍😘</div>
    </div>
    <div class="item">
        <div class="icon">2</div>
        <div class="title">
            <div class="text">Шаг 2</div>
        </div>
        <div class="content"> Предъявляем скрин с Бантом Мёбиуса
<a href="https://forumupload.ru/uploads/0019/3c/8c/2/638169.jpg" > <img src="https://kyzi.ru/f/D59C3B93-B0DB-46E9-BF93-EB5326789186.jpeg" alt= "Фото" width="auto" height="200" /></a> </a> </div>
    </div>
    <div class="item">
        <div class="icon">3</div>
        <div class="title">
            <div class="text">Шаг 3</div>
        </div>
        <div class="content"> Идёте в комнаты ( гостиная, охотничья , кухня, спальня ) , открываете подарки , ходите к друзьям, обмениваетесь, просите,  вообщем, собираете зарядку «Бант Мёбиуса»</div>
    </div>
    <div class="item">
        <div class="icon">4</div>
        <div class="title">
            <div class="text">Шаг 4</div>
        </div>
        <div class="content"> в конце соревнования, пишите сколько у кого накопилось зарядки . Считаете собранное САМОСТОЯТЕЛЬНО!!! У кого больше, тот и победил.  </div>
    </div>
    <div class="item">
        <div class="icon">5</div>
        <div class="title">
            <div class="text">Шаг 5 </div>
        </div>
        <div class="content"> Итоги участия , выкладываем до 15:59 03.12.2021 , не опаздываем, ибо в 16:00 03.12.2021 начнётся  другая игра.  </div>
    </div>
    <div class="item">
        <div class="icon">6</div>
        <div class="title">
            <div class="text">❗❗❗</div>
        </div>
        <div class="content">Всем участникам 🎁🎁🎁 победителю в десять раз больше 🎁х10 ➕ Великая Шишка</div>
    </div>
    <div class="item">
        <div class="icon"> <a href="https://domkyznechik.ru/viewtopic.php?id=45" >26.11.21</a></div>2035
        <div class="title"> <a href="https://domkyznechik.ru/profile.php?id=03" >Пурпурная Императрица </a> </div>
        <div class="content">
            <div class="heart-icon"> <a href="https://domkyznechik.ru/profile.php?id=03?" ></a> <a title="Переход в профиль" href="Фото" target="_blank"> <img src="https://kyzi.ru/f/5360984E-FD08-43EC-BA42-BEBEBB70B52E.png" alt= "Аватар" width="auto" height="220" /></a> </div>
        </div>
    </div>
</div><style> @import url('https://fonts.googleapis.com/css?family=Sunflower:300,500,700');
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
html {
line-height: 1.5;
}

.custom-accordion {
background: #8A6642;
color: #FFFFFF;
font-family: 'Sunflower', sans-serif;
padding-bottom: 2rem;
}
.custom-accordion > .item {
padding: 1rem 2rem;
margin: 0 auto;
max-width: 30rem;
}
.custom-accordion > .item:last-of-type {
background: #462521;
text-align: center;
border-radius: .5rem;
}
.custom-accordion > .item:last-of-type > .icon {
color: #FFFFFF;
}
.custom-accordion > .item:nth-of-type(6) {
padding-bottom: 2rem;
}
.custom-accordion > .item > .icon {
color: #462521;
font-size: 2rem;
}
.custom-accordion > .item > .title {
font-size: 1.5rem;
}
@media screen and (min-width: 800px) and (min-height: 270px) {
.custom-accordion {
     display: table;
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     height: 100vh;
     max-height: 680px;
     overflow: hidden;
     padding-bottom: 0;
}
.custom-accordion > .item {
     display: table-cell;
     position: relative;
     height: 100%;
     padding: 2rem 1rem;
     text-align: center;
     transform-origin: 0 50%;
     transition: all .3s cubic-bezier(.8,.16,.42,.89);
}
.custom-accordion > .item:hover:not(:last-of-type) {
     transform: scaleX(2) translateX(-1px);
     box-shadow: 0 0 3rem #301916;
     background: #8A6552;
     border-color: transparent;
}
.custom-accordion > .item:hover + .item {
     opacity: .1;
}
.custom-accordion > .item:hover + .item:last-of-type {
     opacity: .1;
     background: #8A6552;
}
.custom-accordion > .item:not(:last-of-type) {
     border-right: 1px solid #462521;
}
.custom-accordion > .item:last-of-type {
     background: #462521;
     width: 25%;
     border-radius: 0;
}
.custom-accordion > .item:last-of-type .heart-icon {
     font-size: 6rem;
}
.custom-accordion > .item:hover:last-of-type .heart-icon {
     transform: scale(2);
}
.custom-accordion > .item:last-of-type > .title {
     transform: rotate(0) translateX(-50%) translateY(-2.5rem);
     padding: 0;
     text-align: center;
}
.custom-accordion > .item:last-of-type > .content {
     opacity: 1;
     transform: translateX(-50%) translateY(-50%);
}
.custom-accordion > .item:hover:not(:last-of-type) > .icon {
     transform: scaleX(.5);
}
.custom-accordion > .item:hover:not(:last-of-type) > .title {
     transform: scaleX(.5) translateX(-50%);
     background: #CA2E55;
     text-align: center;
     padding: 0;
}
.custom-accordion > .item:hover:not(:last-of-type) > .title > .text {
     transform: translateX(-50%);
     left: 50%;
}
.custom-accordion > .item:hover:not(:last-of-type) > .content {
     opacity: 1;
}
.custom-accordion > .item > .icon {
     font-weight: 700;
     font-size: 2rem;
     transition: all .3s cubic-bezier(.8,.16,.42,.89);
     color: #FFFFFF;
}
.custom-accordion > .item > .title {
     position: absolute;
     bottom: 0;
     left: 50%;
     height: 1.5rem;
     width: 200%;
     text-align: left;
     transform-origin: 0 50%;
     transform: rotate(-90deg);
     transition: all .3s cubic-bezier(.8,.16,.42,.89);
     font-size: 1.2rem;
}
.custom-accordion > .item > .title > .text {
     position: absolute;
     left: 2rem;
     bottom: 0;
     white-space: nowrap;
     transition: all .3s cubic-bezier(.8,.16,.42,.89);
}
.custom-accordion > .item > .content {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 200%;
     height: auto;
     transform: translateX(-50%) translateY(-50%) scaleX(.5);
     transition: all .3s cubic-bezier(.8,.16,.42,.89);
     opacity: 0;
     padding: 1rem;
     pointer-events: none;
}
}
.heart-icon {
color: #CA2E55;
font-size: 3rem;
transition: all .3s cubic-bezier(.8,.16,.42,.89);
}</style> [/html]smalimg всем УДАЧИ smalimg

+20

61

Играю
https://forumupload.ru/uploads/0019/3c/8c/255/112588.png
https://forumupload.ru/uploads/0019/3c/8c/255/725877.png

Подпись автора

[html]<marquee behavior="slide"><img height="150" src="https://forumstatic.ru/files/0019/3c/8c/77165.png"/></marquee>[/html]

+5

62

[html] <div class="vmestilishche">
  <div class="svetyash-chiysya">😍😋🥰</div>
  </div>
<style> .vmestilishche {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  }
  .svetyash-chiysya {
  color: #FB4264;
  font-size: 32px;
  line-height: 32px;
  text-shadow: 0 0 3vw #F40A35;
}
  .svetyash-chiysya {
  animation: svetyash-chiysya 1.2s ease infinite;
  -moz-animation: svetyash-chiysya 1.2s ease infinite;
  -webkit-animation: svetyash-chiysya 1.2s ease infinite;
  }
  @keyframes svetyash-chiysya {
  0%,
  100% {
  text-shadow: 0 0 1vw #f7130d, 0 0 3vw #f7130d, 0 0 10vw #f7130d, 0 0 10vw #f7130d, 0 0 .4vw #f7c81b, .5vw .5vw .1vw #8c7216;
  color: #f7c81b;
  }
  50% {
  text-shadow: 0 0 .5vw #821411, 0 0 1.5vw #821411, 0 0 5vw #821411, 0 0 5vw #821411, 0 0 .2vw #821411, .5vw .5vw .1vw #463809;
  color: #8c7216;
  }
  }</style>
[/html]

+6

63

Участвую
https://forumupload.ru/uploads/0019/3c/8c/3/550887.jpg
https://forumupload.ru/uploads/0019/3c/8c/3/301067.jpg

Подпись автора

3c093e GeniaA

+6

64

Участвую

Подпись автора

Antes a75bab

+5

65

https://forumupload.ru/uploads/0019/3c/8c/801/831667.jpg
https://forumupload.ru/uploads/0019/3c/8c/801/317676.jpg

Подпись автора

Antes a75bab

+5

66

https://forumupload.ru/uploads/0019/3c/8c/1007/970173.png
https://forumupload.ru/uploads/0019/3c/8c/1007/295725.png

Подпись автора

80e07b Катюша 151 уровень

+4

67

❤я не успела сделать скрин по трубам. Что теперь?

Подпись автора

788aef

+5

68

374337,1445 написал(а):

❤я не успела сделать скрин по трубам. Что теперь?

Привет.
Оленька, зайди в трубы, нажми, слева, Топ игроков, потом - Найти меня, и там будет твой результат.

+4

69

https://forumupload.ru/uploads/0019/3c/8c/707/t81489.jpg
https://forumupload.ru/uploads/0019/3c/8c/707/t336611.jpg

Подпись автора

✅Вейма 5907с1

+4

70

Мои результаты
https://forumupload.ru/uploads/0019/3c/8c/3/877997.jpg
https://forumupload.ru/uploads/0019/3c/8c/3/213015.jpg

+4

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » Загадочный дом - Фан клуб » 🤗 Поиграем 🎉 » Топологические Забавы