ลำดับตอนที่ #70
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #70 : ♡ - - > โค้ดเปลี่ยนสีลักษณะปุ่มให้กำลังใจนักเขียน
ตกแต่งปุ่มให้กำลังใจนักเขียนแบบด้านบนจ้า
ลองดูตัวอย่างในตอนนี้ได้เลยค่ะ
ปุ่มแบบปกติจะรูปสีเหลือง ปุ่มเวลาโดนเมาส์ชี้จะเป็นแบบสีชมพูนะคะ
<style type="text/css">
/*ปุ่มปกติ*/
.vote-button {
text-align: center;
display: block;
border-radius:5px; /*ความโค้งของขอบ*/
color: #8B7D7B; /*สีตัวอักษร*/
border: 1px solid #8B7D7B; /* ความหนาของเส้น ชนิดเส้น โค้ดสีเส้น*/
cursor: pointer;
vertical-align: middle;
position: relative;
overflow-p: hidden;
padding: 2px 10px;
background-color: #F4D03F; /*สีพื้นหลังของปุ่ม*/
box-shadow: 0px 0px 9px #F4D03F; /*สีเงาของปุ่ม*/
transition: border-color 0.3s,
transform 0.3s,
background-color 0.3s;
}
/*ปุ่มเวลาโดนชี้*/
.vote-button:hover {
text-align: center;
display: block;
border-radius:5px; /*ความโค้งของขอบ*/
color: #8B7D7B; /*สีตัวอักษร*/
border: 1px solid #8B7D7B; /* ความหนาของเส้น ชนิดเส้น โค้ดสีเส้น*/
cursor: pointer;
vertical-align: middle;
position: relative;
overflow-p: hidden;
padding: 2px 10px;
background-color: #F1A9A0; /*สีพื้นหลังของปุ่ม*/
box-shadow: 0px 0px 9px #F1A9A0; /*สีเงาของปุ่ม*/
transition: border-color 0.3s,
transform 0.3s,
background-color 0.3s;
}
/* betting-bet*/
</style>
comment + add fav + don't forget CREDIT
เก็บเข้าคอลเล็กชัน
ความคิดเห็น