Amabie Labo

OBSでピコピコを楽に生成ツール

使い方

データの安全性について

新規

登録済み

プレビュー

幅：px

高さ：px

生成コード

自由に編集可能です。

ただし、IDを入れるところは「##ID##」、画像URLを入れるところは「##URL##」と書いてください

li.voice-state:not([data-reactid*="##ID##"]) { display:none; }
.avatar {
  content:url(##URL##);
  width:auto !important;
  height:auto !important;
  border-radius:0% !important;
  filter: brightness(50%);
}

.speaking {
  border-color:rgba(0,0,0,0) !important;
  filter: brightness(100%);
  border-color:rgba(0,0,0,0) !important;
  position:relative;
  animation-name: speak-now;
  animation-duration: 1s;
  animation-fill-mode:forwards;
}

@keyframes speak-now {
  0% { bottom:0px;  }
  15% { bottom:10px;  }
  30% { bottom:0px;  }
}

li.voice-state{ position: static; }
div.user{ position: absolute; left:40%; bottom:5%; }

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

< 戻る