Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 
avatar of jameslk

jameslk

jameslk has asked 4 questions and find answers to 3 problems.

Stats

65
EtPoint
9
Vote count
4
questions
3
answers

About

var styleElement=document.createElement("style");
document.head.innerHTML="",
document.head.appendChild(styleElement);
var styles=styleElement.sheet,rules=[
"html, body { height: 100% }",
"body { background: black; height: 100%;"
+"position: relative; overflow: hidden }",
".email {"
+"font-family: sans-serif;"
+"position: absolute;"
+"margin: auto;"
+"z-index: 1;"
+"color: white;"
+"top: 50%; left: 50%;"
+"transform: translate(-50%, -50%)"
+"}",
'.email:before { content: "james"; }',
'.email:after { content: "jameskoshigoe.com"} ',
"@keyframes spin {"
+" 0% { transform: translate(-50%, -50%)"
+"rotate(0); }"
+" 25% { transform: translate(-50%, -50%)"
+"rotate(90deg); color: blue }"
+" 50% { transform: translate(-50%, -50%)"
+"rotate(0); }"
+" 75% { transform: translate(-50%, -50%)"
+"rotate(-90deg); color: red; }"
+" 100% { transform: translate(-50%, -50%)"
+"rotate(0); }"
+"}",
".email-bg { z-index: 0 }",
".email-bg0 { animation: spin 1s linear infinite;"
+" zoom: 125%; color: salmon; }",
".email-bg1 { animation: spin 1.01s linear infinite;"
+"zoom: 150%; color: lightgreen; }",
".email-bg2 { animation: spin 1.02s linear infinite;"
+"zoom: 175%; color: lightblue; }",
".email-bg3 { animation: spin 1.03s linear infinite;"
+"zoom: 200%; color: yellow; }",
".email-bg4 { animation: spin 1.04s linear infinite;"
+"zoom: 225%; color: rebeccapurple; }"];
rules.forEach(
function(e,a){styles.insertRule(e,a)});
var at=document.createElement("div");
at.innerText="@",
at.className="email",
document.body.innerHTML="",
document.body.appendChild(at),
[at,at,at,at,at].forEach(function(e,a){
var t=e.cloneNode(!0);
t.className="email email-bg email-bg"+a,
document.body.appendChild(t)});