Hướng dẫn thêm hiệu ứng bóng lướt qua cho logo web Nukeviet

Trên website của bạn, hãy nhấp chuột phải vào logo và chọn Kiểm tra để mở cửa sổ xem phần tử (Elements) của trình duyệt. Kiểm tra xem đâu là phần tử bao ngoài ảnh logo của bạn, với theme mặc định của nukeviet thì nó là .logo . Bạn chỉ cần thêm đoạn css bên dưới vào file style.css là được. Lưu lại và xem hậu quả. 

.logo {position:relative}.logo:before, .logo:after {content:"";position:absolute;top:50%;width:3%;height:100%;transform:translateY(-50%);background:rgba(255,255,255,.75);z-index:999999999;}.logo:before{left:155%;animation:light-left 1.8s infinite alternate linear}.logo:after{right:-55%;animation:light-right 3.0s infinite alternate linear}@keyframes light-left{0%{left:85%;opacity:0}50%{left:40%;opacity:1}100%{left:50%;opacity:0}}@keyframes light-right{0%{right:80%;opacity:0}50%{right:100%;opacity:1}100%{right:0%;opacity:0}}