2011-12-18 22 views
13

Tôi biết Google thực sự đang thúc đẩy CSS3 và HTML5. Tôi đã thấy rằng "Làm thế nào để nó tuyết trên Google, bằng cách gõ Cho nó tuyết

làm một cuộn Barrell

" sẽ xoay trang. nhưng tôi không chắc chắn làm thế nào nó tuyết rơi khi bạn gõ

Let it snow

là này một thủ thuật CSS3 hoặc javascript?

EDIT UPDATE:

tôi đã cố gắng lừa này bằng javascript vô hiệu hóa và nó đã làm việc VẪN, vì vậy nó không phải là một javascript

+6

Họ đang tạo hiệu ứng động '*' trong 'DIV's trong một chính 'DIV' che màn hình, sử dụng' position: absolute 'và' left' và 'top' bù đắp. Nhấp chuột phải và kiểm tra nó (sử dụng Firebug hoặc Chrome Console) sau khi bắt đầu thấy ý tôi. –

+0

Chưa thấy "để tuyết rơi". Mát mẻ! – Corbin

+1

Câu hỏi này được lấy cảm hứng từ DamnLOL !! Phải không? Hôm nay tôi cũng thấy nó. =) http://www.damnlol.com/let-it-snow-12049.html –

Trả lời

4

Bằng cách kiểm tra mã của nó với Công cụ nhà phát triển Chrome, tôi nghĩ rằng nó được thực hiện với Phần tử Canvas HTML5.
Và đây là bản sao của tôi về tác dụng sương: http://wong2.github.com/SnowClone
lấy mã của tôi tại địa chỉ: https://github.com/wong2/SnowClone

+0

Hiệu ứng đẹp mắt, Google cũng đang thay đổi thanh tìm kiếm để rã đông sau khi có tuyết rơi đáng kể trang: P) – defau1t

Các vấn đề liên quan