[shadow=1px 1px 2px #00FC00] @Светляк ,поздравляем с Победой [/shadow]
[html] <div class="vrotemynogi">
<center><iframe width="780" height="500" src="https://www.youtube.com/embed/iXckvSBkWYc? mode=opaque&wmode=transparent&autoplay=1&loop=1&controls=0&modestbranding=1&rel=0&autohide=1&showinfo=0&color=white&iv_load_policy=3&theme=light&wmode=1&playlist= iXckvSBkWYc" frameborder="0" allow="autoplay"></iframe></center>
</div>
<style type="text/css">
. vrotemynogi {
position: relative;
overflow: hidden;
}
. vrotemynogi iframe {
position: absolute;
top: 0px;
left: 0;
width: 0;
height: 0;
z-index: -1;
}
.video-content {
position: relative;
color: #fff;
padding: 50px;
font-size: 20px;
}
.video-content:before {
z-index: -1;
content: '';
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
}
</style>[/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: #0000FC;
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://i.imgur.com/a5pUffg.gif" alt= "Фото/гиф Перехода" width="100" height="100" /> </li>
<li> С</li>
<li> В </li>
<li> Е</li>
<li> Т</li>
<li> Л</li>
<li>Я </li>
<li>К </li> <li> <img height="77"src="https://i.imgur.com/a5pUffg.gif" alt= "Фото/гиф Перехода" width="100" height="100" /> </li>
</ul>
</div>[/html]
[shadow=1px 1px 2px #00FC00]🌹Поздравляем с 🌹Победой🌹[/shadow]