Breaking News: Grepper is joining You.com. Read the official announcement!

css customize console.log

STIFLER answered on June 4, 2020 Popularity 10/10 Helpfulness 10/10

answer css customize console.log

related Console.log CSS styling

css customize console.log

Comment

// 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);

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: hackernoon.com

Tags: console.log css javascript

Link to this answer
Share Copy Link

Contributed on Jun 04 2020

STIFLER

0 Answers Avg Quality 2/10

Closely Related Answers

Console.log CSS styling

Comment

//example 1: (Default "STOP" you see when opening the console)
console.log(
        "%cStop!",
        "color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold"
      );
//example 2:
console.log("%c" + someVariable, 'color:blue;border:2px solid red');
//example 3:
console.log("%cWord 1 %cWord2  ", 'color:red;border:2px solid blue;background:green','color:blue;border:2px solid red');

Popularity 9/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: console.log cons

Link to this answer
Share Copy Link

Contributed on Apr 11 2022

Meandering Meerkat

0 Answers Avg Quality 2/10

css customize console.log

Contents

More Related Answers

css customize console.log

Closely Related Answers

Console.log CSS styling

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.