Tạo menu chuyển động chỉ bằng Css3 (menu lavalamp)

Cách làm khá đơn giản và chỉ những trình duyệt web nào có hỗ trợ Css3 nó mới tạo ra hiệu ứng .



 xem demo  link down   và cách làm cho mọi site :
1-trong phần html cần đặt menu lava

   
• Home

   
• Menu 1
         
  
             
  • Submenu 1
  
             

Tìm Hiểu CSS Image Sprites

Thông thường khi load 1 trang web thì ta thấy có nhiều hình ảnh đi kèm ,tuy nhiên với css image sprites tất cả ảnh sẽ được đặt vào trong 1 bức ảnh duy nhất .Sau đó ta dùng thuộc tính background-position của CSS để hiện ra ảnh cần lấy .
ưu điểm của css image sprite
Thay vì load nhiều ảnh ta sẽ chỉ load 1 ảnh duy nhất  , chỉ phải gửi request đến server 1 lần để lấy ảnh thay vì gửi nhiều request

Tạo khung cho ảnh trong suốt bằng Css

sử dụng ảnh nhỏ trong suốt làm nền  sau đó dùng padding  lùi vào tạo viền.