twitch/multiplex/css の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• twitch/multiplex/css へ行く。
  • 1 (2024-01-31 (水) 23:46:12)
  • 2 (2024-01-31 (水) 23:56:11)
  • 3 (2024-02-01 (木) 03:10:17)

twitch/multiplex

• content: "しもの"; のところを編集して走者名を変えれます
• -webkit-text-stroke: 6px red; の red を #000 とかにするほうが綺麗に見せれます
  • CSSで文字を縁取りする方法【太い縁でもキレイに表示】 の工夫版（stroke）を今使っているので、工夫版（text-shadow）にするのも良いと思います

.root::before,
.root::after{
  content: "しもの";
  color: #fff;
  font-size: 40px;
  position: absolute;
  top: 0px;
  left: 8px;
  z-index: 9999;
  font-weight: bold;
}
.root::before{
  -webkit-text-stroke: 6px red;
}
.root::after{
  -webkit-text-stroke: 0;
}