Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > HTML/CSS > Tạo hiệu ứng loading cực đẹp giống PayPal trong css
Tạo hiệu ứng loading cực đẹp giống PayPal trong css
Nguyễn Trung Hiếu
Share Code Web Company 2012

Tạo hiệu ứng loading cực đẹp giống PayPal trong css

Bài viết này sẽ hướng dẫn các bạn làm Paypal loading style với css

Trong website cũng đã có nhiều bài viết hướng dẫn về tạo hiệu ứng loading như Tạo ảnh load động trong photoshop hay facebook loading style với csshướng dẫn tạo Load Screen với CSS để tạo trang loadscreen cực đẹp, các bạn có thể đọc qua những bài viết đó để chọn cho mình những kiểu phù hợp nhé. Còn đây la demo bài này

OK. Rất đơn giản, để làm cái này chỉ cần duy nhất một thẻ HTML mà thôi

Tiếp theo là phần CSS cơ bản cho body để set font cho hiệu ứng của chúng ta

Style cho thẻ div có class=”paypal”

Và cuối cùng là style cho hiệu ứng nó hoạt động mượt mà hơn tí

Vậy là xong rồi đó, bạn đã có một hiệu ứng loading cực đẹp giống với Paypal. Cái này bạn có thể ứng dụng làm một control loading, sau đó nhúng vào Update Panel trong Asp.net, hoặc sử dụng ajax để nhúng. Chúc bạn có website đẹp.

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 5.997 hits
%d bloggers like this: