1076788 C S S C O D E

ลำดับตอนที่ #9 : button | ปุ่มดึ๋งดึ๋ง

PUSHME

from. cssdeck (click) | theme. supercell (click)
- please never give away -


push the button above now.
ใช้โค้ดตัวนี้ ใส่ตรงที่ๆ ต้องการจะให้มีปุ่มนะคะ

<div class="blacklipz"> ข้อความในปุ่ม </div>

หลังจากนั้นใช้โค้ดในกล่องด้านล่าง
ใส่แบบแทรกโค้ด HTML (Source) ปกติค่ะ
<style type="text/css"> .blacklipz { color: #สีตัวอักษร; text-decoration: none; background-color: #สีพื้นหลังปุ่ม; font-family: Arial; font-size: 30px; display: block; padding: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 9px 0px #สีใต้ปุ่ม; -moz-box-shadow: 0px 9px 0px #สีใต้ปุ่ม; box-shadow: 0px 9px 0px #สีใต้ปุ่ม; margin: 100px auto; width: ความกว้างปุ่มpx; height: ความสูงปุ่มpx; text-align: center; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .blacklipz:active { -webkit-box-shadow: 0px 3px 0px #สีใต้ปุ่มเมื่อกด; -moz-box-shadow: 0px 3px 0px #สีใต้ปุ่มเมื่อกด; box-shadow: 0px 3px 0px #สีใต้ปุ่มเมื่อกด; position: relative; top: 6px; } </style>


❀ Supercell