MENU NGANG VỚI HIỆU ỨNG CSS3 dành cho blogrer và web
Demo các bạn xem ngay bên dưới nhé Và đây là cách để thêm menu này : Bước 1 : Thêm đoạn css sau và trước <style> html { height: 100%; background: black; } ul { overflow: hidden; position: relative; list-style: none; padding: 0; margin: 0 auto; min-width: 800px; max-width: 1600px; background: rgba(white, .2); font-size: 0; text-align: center; } li { display: inline-block; position: relative; width: 12.5%; height: 100%; font: 1rem/3 trebuchet ms, verdana, century gothic, arial, sans-serif; text-transform: uppercase; cursor: pointer; @for $i from 0 to 8 { &:nth-child(#{$i + 1}) { $c: hsl($i*360/8, 100%, 70%); color: $c; &:hover { color: black; & ~ li:last-child { ...