Visual Studio Code com Gif no Power Mode

Visual Studio Code com Gif no Power Mode

Aprenda a colocar a o seu gif favorito na extensão Power Mode.

Mayanna Oliveira's photo
Mayanna Oliveira
·Sep 27, 2021·

2 min read

Gif no Power Mode

Tutorial de como colocar um Gif animado na extensão Power Mode do Visual Studio Code.

Passo a passo:

  1. Tenha o Visual Studio Code instalado na sua máquina. Exemplo também funciona no MrCode, VsCodium, Code OSS e Visual Studio Code Insiders
  2. Acesse a aba de extensão e instale a Power Mode.
  3. Acesse as configurações do Visual Studio Code e edite o setting.json.
  4. Copie e cole o código abaixo:
    // Start - Gif no Power Mode
    "powermode.customExplosions": ["https://c.tenor.com/f5IqNksAcW0AAAAi/woof-running.gif"],
    "powermode.customCss": {    
     "margin-top": "16px",
     "height": "80px",
     "width": "80px",
    },
    "powermode.enabled": true,
    "powermode.presets": "flames",
    "powermode.backgroundMode": "image",
    // End - Gif no Power Mode
    
  5. Outro exemplo:
    // Início - Power Mode
    "powermode.customExplosions": ["https://c.tenor.com/SxQFMJjig_EAAAAi/the-simpsons-homer-simpson.gif"],
    "powermode.customCss": {    
      "margin-top": "16px",
      "height": "80px",
      "width": "80px",
    },
    "powermode.enabled": true,
    "powermode.presets": "flames",
    "powermode.backgroundMode": "image"
    // Fim - Power Mode
    
  6. Os gifs foram achados no site Tenor e Giphy na opção de stickers.
  7. Para adicionar o sticker basta copiar e colar o link
  8. Exemplo de link da Giphy https://media3.giphy.com/media/Lm5pI9pBuwGAEgZFVM/giphy.gif.
  9. Exemplo de link da Tenor https://c.tenor.com/lzwxDTVrx0EAAAAj/clown-pennywise.gif.

Gif animado na extensão Power Mode do Visual Studio Code

Seleção de Gifs animados:

 
Share this