[html]
<head>
<meta property="og:type" content="website" />
<meta property="og:url" content="http://vi.forum.cool/viewtopic.php?id=14#p23?v=1" />
<meta property="og:site_name" content="Без Цензуры">
<meta property="og:title" content="Правильная тема"/>
<meta property="og:description" content="вот так должен выглядеть форум" />
<meta property="og:image" content="https://seregasmyfavoritesites.on.drv.tw/Site/Tihomir/images/527x310.png" />
<meta property="og:image:width" content="527">
<meta property="og:image:height" content="310">
<meta name="twitter:card" content="summary_large_image" />

<style>
html, body {
      overflow: -moz-scrollbars-none;
      -ms-overflow-style: none;
  scrollbar-width: none;  }

div {transform-style: preserve-3d }

@keyframes RotateX-plus80minus80 {
   0% { transform-origin: center top; }
   6% { transform: rotateX(-10deg) ; }
   14% { transform: rotateX(20deg) ; }
   24% { transform: rotateX(-40deg) ; }
   34% { transform: rotateX(45deg) ; }
   46% { transform: rotateX(-80deg) ; }
   58% { transform: rotateX(80deg) ; }
   68% { transform: rotateX(-40deg) ; }
   76% { transform: rotateX(20deg) ; }
   84% { transform: rotateX(-10deg) ; }
   92% { transform: rotateX(5deg) ; }
   100% { transform-origin: center top;  }
}
@keyframes RotateZ-plus10plus60 {
   0% { transform: rotateZ(10deg) ; transform-origin: center bottom;  }
   6% { transform: rotateZ(15deg) ; }
   14% { transform: rotateZ(10deg) ; }
   24% { transform: rotateZ(20deg) ; }
   34% { transform: rotateZ(10deg) ; }
   44% { transform: rotateZ(60deg) ; }
   100% { transform: rotateZ(10deg) ; transform-origin: center bottom;  }
}
@keyframes RotateY {
   to { transform: rotateY(360deg) ; }
}

#LayoutGrid {
   perspective: 600px;
   animation: RotateZ-plus10plus60 40s ease-in-out infinite ; 
}
#LayoutGrid-X {
   text-align: center; 
   animation: RotateX-plus80minus80 30s ease-in-out infinite ;
}
#Container-Y {
   animation: RotateY 32s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite ;
}
</style>
</head>

<body>
<div id="LayoutGrid">
<div id="LayoutGrid-X">
<div id="Container-Y">
<!-- === Player === -->
<iframe width="400px"
        height="400px"
        frameborder="0"
        allowtransparency="true"
        scrolling="no"
        src="https://neane.ru/rus/4/_ape/0801.htm">
</iframe>
</div>
</div>
<div style="height:200px;">
</div>
</div>
</body>
[/html]

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

Ставьте лайки, их не зря придумали  :)