Por supuesto, aquí tienes el código actualizado para que cuando el ratón pase por encima aumente su tamaño dos píxeles en vertical y horizontal.

HTML:
<button class="blue-btn">Haz clic aquí</button>

CSS:
.blue-btn {
  background-color: blue;
  color: white;
  border-radius: 25px;
  padding: 10px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  transition: 0.7s;
}
.blue-btn:hover {
  padding: 12px 22px;
}

Puedes modificar el tiempo que tardará en cambiar el tamaño el botón si modificas el valor de transition.
También puedes modificar a tu gusto el tamaño al que cambiará el botón si modificas el valor del padding dentro de .blue-btn:hover.
แน่นอน ที่นี่คุณมีโค้ดที่อัปเดตแล้ว ดังนั้นเมื่อเมาส์เลื่อนไป ขนาดของมันจะเพิ่มขึ้น 2 พิกเซลในแนวตั้งและแนวนอน HTML: <button class="blue-btn">คลิกที่นี่</button> CSS: .blue-btn { background-color: blue; สี: ขาว; รัศมีเส้นขอบ: 25px; การขยาย: 10px 20px; เส้นขอบ:ไม่มี; การจัดแนวข้อความ: กึ่งกลาง; การตกแต่งข้อความ: ไม่มี; จอแสดงผล: อินไลน์บล็อก; ขนาดตัวอักษร: 16px; ระยะขอบ: 4px 2px; เคอร์เซอร์: ตัวชี้; การเปลี่ยนแปลง: 0.7 วินาที; } .blue-btn:hover { การขยาย: 12px 22px; } คุณสามารถแก้ไขเวลาที่ใช้ในการปรับขนาดปุ่มได้โดยการแก้ไขค่าของการเปลี่ยนแปลง คุณยังสามารถปรับขนาดที่ปุ่มจะเปลี่ยนตามที่คุณต้องการโดยแก้ไขค่าการเติมภายใน .blue-btn:hover
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence