Update index.html
Browse files- index.html +2 -2
index.html
CHANGED
|
@@ -398,7 +398,7 @@
|
|
| 398 |
<li>Recommended</li>
|
| 399 |
<li>
|
| 400 |
<ul>
|
| 401 |
-
<li>-webkit-text-strokeをフォントサイズの
|
| 402 |
</li>
|
| 403 |
</ul>
|
| 404 |
</li>
|
|
@@ -647,7 +647,7 @@
|
|
| 647 |
document.getElementById("textShadowToggleB").addEventListener("click", function () {
|
| 648 |
document.getElementById("textShadowToggleA").classList.add("opacity-50");
|
| 649 |
this.classList.toggle("opacity-50");
|
| 650 |
-
let strokeSize = Math.ceil(document.querySelector("#left input").style.fontSize.replace("px", "") /
|
| 651 |
if (this.classList.contains("opacity-50")) {
|
| 652 |
document.getElementById("text-shadow").textContent = "";
|
| 653 |
} else {
|
|
|
|
| 398 |
<li>Recommended</li>
|
| 399 |
<li>
|
| 400 |
<ul>
|
| 401 |
+
<li>-webkit-text-strokeをフォントサイズの5%で設定したもの。大抵の場合実際のレンダリングではこちらのほうが綺麗に出るがプレビューでは表示がおかしくなる。
|
| 402 |
</li>
|
| 403 |
</ul>
|
| 404 |
</li>
|
|
|
|
| 647 |
document.getElementById("textShadowToggleB").addEventListener("click", function () {
|
| 648 |
document.getElementById("textShadowToggleA").classList.add("opacity-50");
|
| 649 |
this.classList.toggle("opacity-50");
|
| 650 |
+
let strokeSize = Math.ceil(document.querySelector("#left input").style.fontSize.replace("px", "") / 20);
|
| 651 |
if (this.classList.contains("opacity-50")) {
|
| 652 |
document.getElementById("text-shadow").textContent = "";
|
| 653 |
} else {
|