Skip to content

Instantly share code, notes, and snippets.

@perry-mitchell
Created May 2, 2019 16:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save perry-mitchell/92547a9ecfb05c1836c7c51954607824 to your computer and use it in GitHub Desktop.
Save perry-mitchell/92547a9ecfb05c1836c7c51954607824 to your computer and use it in GitHub Desktop.
Basic styled console.log
console.log(
"%c Excellent ",
[
"background-color: #663dff",
"background-image: linear-gradient(319deg, #663dff 0%, #aa00ff 37%, #cc4499 100%)",
"padding: 8px",
"font-weight: bold",
"color: #FFF",
"font-family: Arial",
"font-size: 28px",
"border-radius: 8px",
`text-shadow:
0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15)`
].join(";")
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment