“Estilo de log do console” Respostas de código

CSS personalize o 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);
STIFLER

CSS do estilo console.log

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

Console.Log CSS Styling


//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');
Meandering Meerkat

Estilo de log do console

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

Respostas semelhantes a “Estilo de log do console”

Perguntas semelhantes a “Estilo de log do console”

Mais respostas relacionadas para “Estilo de log do console” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código