Thursday, April 20, 2006

css shadow, overlay

พอเริ่มใช้ lightbox go wild แล้ว ก็เลยเริ่มมองเห็นพวกที่ใช้ shadow เยอะขึ้น
อย่างอันนี้ เป็น menu ที่มีการใช้ layer เข้ามาทำเงา
Pop-Up Menus



technique ที gone-wild ใช้ จะใช้การ set สี backgroup
และกำหนด opacity
#overlay {
...
background-color:#000;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}

ส่วน popup menu ใช้ image ที่เป็น transparent background
background-image: url(shadow.png);


อ่านเพิ่มเติม

Related link from Roti

No comments: