423785,46 wrote:От души благодарю Вас за реально интересный квест, это прекрасная работа и творческий подход к каждому заданию😘
Ещё раз Спасибо 🙏🏻
[shadow=1px 1px 2px #ef001c] @Sashulya ,поздравляем с Победой![/shadow]
[html]<center> <iframe src="https://player.vimeo.com/video/714762932?h=528933995d&autoplay=1&loop=1&color=ef0004" width="640" height="849" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> </center>[/html]
[html] <script type="text/javascript">$(function () {
setTimeout(function () {
$(".animated-text").removeClass("hidden-text");
}, 600);
}); </script>
<style>
.animated-text {
position: absolute;
font-family:'morf';
Left:60%;
transform: translate(-50%, -50%);
}
.animated-text ul {
margin: 0;
padding: 0;
list-style: none;
}
.animated-text ul li {
display: inline-block;
font-size: 35px;
text-transform: uppercase;
margin-left: 15px;
color: #ef0004;
opacity: 1;
font-family:'morf';
transition: all 9.5s ease 0s;
}
.animated-text ul li:first-child {
margin-left: 0px;
}
.animated-text.hidden-text ul li {
opacity: 0;
}
.animated-text.hidden-text ul li:nth-child(1) {
transform: translate(-200px, -180px);
}
.animated-text.hidden-text ul li:nth-child(2) {
transform: translate(100px, 180px);
}
.animated-text.hidden-text ul li:nth-child(3) {
transform: translate(250px, 50px)
}
.animated-text.hidden-text ul li:nth-child(4) {
transform: translate(-80px, -100px)
}
.animated-text.hidden-text ul li:nth-child(5) {
transform: translate(200px, -180px)
}
.animated-text.hidden-text ul li:nth-child(6) {
transform: translate(10px, -80px)
}
.animated-text.hidden-text ul li:nth-child(7) {
transform: translate(-250px, 70px)
}
.animated-text.hidden-text ul li:nth-child(8) {
transform: translate(-240px, 140px)
}
.animated-text.hidden-text ul li:nth-child(9) {
transform: translate(290px, -100px)
}
.animated-text.hidden-text ul li:nth-child(10) {
transform: translate(60px, -170px)
}
.animated-text.hidden-text ul li:nth-child(11) {
transform: translate(190px, -20px)
}
.animated-text.hidden-text ul li:nth-child(12) {
transform: translate(-200px, -180px)
} </style>
<div class="animated-text hidden-text">
<ul> <li> <img height="77"src="https://i3.imageban.ru/out/2020/09/08/2769175cd26ece44cd0d7c42d578692a.gif" alt= "Фото/гиф Перехода" width="120" height="120" /> </li>
<li>П</li>
<li>О</li>
<li>Б</li>
<li>Е</li>
<li>Д</li>
<li>А</li>
<li> <img height="77"src="https://i3.imageban.ru/out/2020/09/08/2769175cd26ece44cd0d7c42d578692a.gif" alt= "Фото/гиф Перехода" width="120" height="120" /> </li>
</ul>
</div>[/html]
[shadow=1px 1px 2px #FC0000]Поздравляем с Победой 🍀🏆🌹Великой Шишкой🏆🍀 [/shadow]
