Skip to content

Instantly share code, notes, and snippets.

@uttesh
Last active May 16, 2016 18:40
Show Gist options
  • Save uttesh/9cfcb13bdf607aa7cdf5176fc030f281 to your computer and use it in GitHub Desktop.
Save uttesh/9cfcb13bdf607aa7cdf5176fc030f281 to your computer and use it in GitHub Desktop.
console.log styles
// show big 3d style console text like facebook
console.log('%cStop Looking Here', 'font-size:100px;color:#3D9FAB;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);');
// blur the console text
var _log = console.log;
console.log = function() {
_log.call(console, '%c' + [].slice.call(arguments).join(' '), 'color:transparent;text-shadow:0 0 2px rgba(0,0,0,.1);');
};
console.log("testing");
// simple text
var _css =
"color: rgb(249, 162, 34);" +
"font-size: 60px;" +
"font-weight: bold;" +
"text-shadow: 1px 1px 5px rgb(249, 162, 34);" +
"filter: dropshadow(color=rgb(249, 162, 34), offx=1, offy=1);";
console.log("%cHello World", _css);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment