Created
January 25, 2023 07:10
-
-
Save BOMBERuss/7a4cd2444a4e5f0cce10d39c507aaf3f to your computer and use it in GitHub Desktop.
Rotating ZetaChain logo under the matrix
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Zetachain Matrix Logo</title> | |
| </head> | |
| <body> | |
| <!--style for image rotation--> | |
| <style> | |
| .wrapper{ | |
| perspective: 2000px; | |
| width: 900px; | |
| height: 900px; | |
| position: relative; | |
| } | |
| .front{ | |
| } | |
| .back{ | |
| transform: rotateY(180deg); | |
| } | |
| .front, .back{ | |
| width: 100%; | |
| height: 100%; | |
| backface-visibility: hidden; | |
| display: block; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| .front{ | |
| animation: front-rotation 5s infinite; | |
| } | |
| .back{ | |
| animation: back-rotation 5s infinite; | |
| } | |
| @keyframes front-rotation{ | |
| from { | |
| transform: rotateY(0deg); | |
| } | |
| to { | |
| transform: rotateY(360deg); | |
| } | |
| } | |
| @keyframes back-rotation{ | |
| from { | |
| transform: rotateY(180deg); | |
| } | |
| to { | |
| transform: rotateY(540deg); | |
| } | |
| } | |
| </style> | |
| <!--end of style--> | |
| <!--the beginning of the rotating image. The link can be replaced with another one to replace the image ZetaChain--> | |
| <p style="text-align: center;"> | |
| <div class="wrapper"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbr1OBN0NNP5fhKyy89bHFy9UtdR8lWYK9yLEHtM22WCGfhCSPBv5IM_x6wk2snYyyg1rcrDY5wMQmKUvQKBpBuCS8K0A_UJPEWzuQfoGlrnhgF7NQg0BwX3Pa3s1qnEJOtuY-NWiHcgKedsHza0egubCU79R8npwLbwyCadw-fjQwrtDUTXbYY1CW/s628/Delay1.gif" alt="" class="back"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbr1OBN0NNP5fhKyy89bHFy9UtdR8lWYK9yLEHtM22WCGfhCSPBv5IM_x6wk2snYyyg1rcrDY5wMQmKUvQKBpBuCS8K0A_UJPEWzuQfoGlrnhgF7NQg0BwX3Pa3s1qnEJOtuY-NWiHcgKedsHza0egubCU79R8npwLbwyCadw-fjQwrtDUTXbYY1CW/s628/Delay1.gif" alt="" class="front"></div> | |
| <div class="test"></div> | |
| </p> | |
| <!--Ending--> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment