You can add a button in HTML via "filter: drop-shadow". Example shown below:

body {
  background: #76d7c4;
}

button {
  text-transform: uppercase;
  padding: 10px 20px;
  color: white;
  cursor: pointer;
  background: transparent; /* no background! */
  border: 1px solid white;
  border-radius: 100px;
  
  position: relative; /* new */
}

button:after {
  content: "";
  position: absolute;
  /* Making pseudoelement the same size as container */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* Inheriting border properties */
  border-radius: inherit;
  border: inherit;
  /* Applying filter with shadow */
  filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
}
คุณสามารถเพิ่มปุ่มใน HTML ผ่าน "filter: drop-shadow" ตัวอย่างที่แสดงด้านล่าง: body { พื้นหลัง: #76d7c4; } ปุ่ม { แปลงข้อความ: ตัวพิมพ์ใหญ่; การขยาย: 10px 20px; สี: ขาว; เคอร์เซอร์: ตัวชี้; พื้นหลัง: โปร่งใส; /* ไม่มีพื้นหลัง! */ เส้นขอบ: 1px สีขาวทึบ; รัศมีเส้นขอบ: 100px; ตำแหน่ง: ญาติ; /* ใหม่ */ } ปุ่ม: หลังจาก { เนื้อหา: ""; ตำแหน่ง: แน่นอน; /* ทำให้องค์ประกอบเทียมมีขนาดเท่ากับคอนเทนเนอร์ */ left: 0; ขวา: 0; ด้านบน: 0; ด้านล่าง: 0; /* การสืบทอดคุณสมบัติของเส้นขอบ */ border-radius: inherit; ชายแดน: สืบทอด; /* การใช้ตัวกรองที่มีเงา */ ตัวกรอง: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25)); }
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence