Tạo hiệu ứng tuyết rơi bằng CSS3 cho blogspot hoàn toàn không gây giật lag

Tạo hiệu ứng tuyết rơi bằng CSS3 cho blogspot hoàn toàn không gây giật lag

Mùa noel tới cũng là lúc các blogger đua nhau trang trí cho blog/website của mình như một thói quen. Tuyết rơi là một hiệu ứng không thể thiếu! Tuy nhiên nếu bạn tích hợp hiệu ứng này bằng script thì khi vào trang người dùng có cảm giác bị giật, đơ, lag rất khó chịu. Với sự phát triển mạnh mẽ của CSS3, hoàn toàn có thể tạo nên hiệu ứng này mà không cần dùng tới script. Bạn sẽ giảm được tình trạng giật lag nêu trên. Xem demo dưới đây (getButton) #text=(Live Demo) #icon=(link) Để tiến hành tích hợp bạn thực hiện như sau: Đăng nhập vào trang quản trị blog của mình và vào phần chỉnh sửa HTML Dán đoạn code sau vào trước thẻ đóng </body> <style type="text/css"> .snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%} .snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:sno…