diff options
| author | tylermurphy534 <tylermurphy534@gmail.com> | 2022-12-05 22:21:38 -0500 |
|---|---|---|
| committer | tylermurphy534 <tylermurphy534@gmail.com> | 2022-12-05 22:21:38 -0500 |
| commit | c8211e6ad7f61d452ed9d08443cd774cb1a5b5bf (patch) | |
| tree | 996301954050f9e2534df8fa0070c1ce1a62e26d | |
| parent | scaling (diff) | |
| download | rit.wtf-c8211e6ad7f61d452ed9d08443cd774cb1a5b5bf.tar.gz rit.wtf-c8211e6ad7f61d452ed9d08443cd774cb1a5b5bf.tar.bz2 rit.wtf-c8211e6ad7f61d452ed9d08443cd774cb1a5b5bf.zip | |
epilepsy
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | style.css | 35 |
2 files changed, 38 insertions, 2 deletions
@@ -7,6 +7,7 @@ <title>munson</title> </head> <body><div><div><div id="mainBod"> + <menu class="flashy"></menu> <p class="title"> <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.42s">r</span> <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.22s">i</span> @@ -118,7 +119,7 @@ <a class="clickable" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank"> <img src="data/html.gif"/> </a> - <img src="data/ie.gif"/> + <img src="data/ie.gif" class="clickable" onclick="document.documentElement.classList.toggle('flash')"/> <img src="data/netscape.gif"/> <a class="clickable" href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank"> <img src="data/free.gif"/> @@ -129,5 +130,5 @@ <source src="data/munson.mp4" type="video/mp4"> </video> </footer> - </div></div></div></body> + </div></div></div></div></body> </html> @@ -352,6 +352,7 @@ html.dither>body>div>div{ transform: translateX(calc(80vw - 100%)); } } + @keyframes scale { from { transform: scale3d(100%, 100%, 100%); @@ -359,4 +360,38 @@ html.dither>body>div>div{ to { transform: scale3d(120%, 120%, 120%); } +} + +html.flash>body>div>div>div>menu { + animation: epilepsy .25s linear infinite; +} + +.flashy { + margin: 0; + padding: 0; + list-style:none; + position: absolute; + width: 100%; + height: 100%; + z-index: 10; + overflow: scroll; + pointer-events: none; +} + +@keyframes epilepsy { + 0%, 100% { + background-color: rgba(255,0,0,.4); + } + 20% { + background-color: rgba(255,255,0,.4); + } + 40% { + background-color: rgba(0,255,0,.4); + } + 60% { + background-color: rgba(0,255,255,.4); + } + 80% { + background-color: rgba(0,0,255,.4); + } }
\ No newline at end of file |