how to style console.log code example

Example 1: css customize console.log

// Rainbow Giant Styled Text
const style = 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)';

console.log('%c Rainbowww!', style);

Example 2: console.log with color font

console.log("%cThis is a %cConsole.log", "background:black ; color: white", "color: red; font-size:25px");

Example 3: console log style

console.log("%cThis is a green text", "color:green");

Tags:

Css Example