Whisper Star

<!--[คู่มือ]
เพิ่มการ์ด
<hr>
<div class="whis-enchanter">
<label class="whis-switch"><input type="checkbox" />
<div class="whis-card-front">
<div class="whis-frame" style="--whisp-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="whis-name">--Name--</div>
</div>
<div class="whis-card-back">
<div class="whis-content">
--ข้อความด้านหลัง--
</div></div></label>
<details><summary>Whispers from the stars</summary>
<div class="whis-comment">--ข้อความจากลิซ่า--</div></details></div>

สีพื้นหลัง (สีชมพู) : --whisp-bg: #e796ad;
สีลายทาง/สีชื่อ (ส่วนสีแดงทั้งหมด) : --whisp-primary: #af1a20;
ส่วนสีเขียวทั้งหมด : --whisp-secondary: #0a4d2c;
สีกระดาษขาว : --whisp-paper: #fff;
สีตัวอักษร : --whisp-txt: #000;

ขยับภาพ เติม --whisp-pos: 50% 50%; ต่อท้ายลิงก์รูป
- เลขตัวแรก ขยับซ้ายขวา 0% ชิดซ้าย 100% ชิดขวา
- เลขตัวหลัง ขยับขึ้นลง 0% ชิดบน 100% ชิดล่าง

ขนาดภาพ เติม --whisp-size: cover; ต่อท้ายลิงก์รูป
- cover ขยายเต็มพื้นที่
- 100% กว้างเท่าพื้นที่
- <100% เล็กกว่าพื้นที่
- >100% ใหญ่กว่าพื้นที่
-->

<link href="https://savant777.github.io/zoecode/whisperstar.css" rel="stylesheet">
<div id="WhisperStar"><a href="https://discord.com/users/625292873914515456/"></a><div id="whis-thread" class="whis-box" style="--whisp-bg: #e796ad;--whisp-primary: #af1a20;--whisp-secondary: #0a4d2c;--whisp-paper: #fff;--whisp-txt: #000;">
<div class="whis-paper">
<div class="whis-louisa">
<div class="whis-louisa-frame" style="--whisp-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="whis-louisa-name">Louisa B. Flozentine</div>
<div class="whis-louisa-comment">--ข้อความจากลิซ่า--</div>
</div>
<hr>
<div class="whis-enchanter">
<label class="whis-switch"><input type="checkbox" />
<div class="whis-card-front">
<div class="whis-frame" style="--whisp-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="whis-name">--Name--</div>
</div>
<div class="whis-card-back">
<div class="whis-content">
--ข้อความด้านหลัง--
</div></div></label>
<details><summary>Whispers from the stars</summary>
<div class="whis-comment">--ข้อความจากลิซ่า--</div></details></div>

</div></div></div>