Bài viết của Bùi Văn Nam

ạo hiệu ứng mặt trời mọc với HTML và CSS - Học CSS3 căn bản & nâng cao

Các bạn thân mến, trong bài trước Zaidap.com đã hướng dẫn các bạn cách tạo mưa rơi với HTML và CSS. Chắc hẳn rằng nhiều bạn rất thích thú với những hiệu ứng này. Hôm nay, Zaidap.com tiếp tục hướng dẫn các bạn tạo hiệu ứng mặt trời mọc nhé 1. Phần ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

Hiệu ứng bóng đổ với thuộc tính box-shadow của CSS3 - Học CSS3 căn bản & nâng cao

Hôm nay mình sẽ chia sẻ với các bạn cách tạo hiệu ứng bóng đổ cho khung, button đơn giản bằng cách sử dụng thuộc tính box-shadow trong CSS3. Thuộc tính box-shadow của CSS: Cú pháp thuộc tính box-shadow gồm 4 tham số như sau: ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo hiệu ứng mưa với HTML và CSS - Học CSS3 căn bản & nâng cao

Một trang web nếu hiển thị được các hiệu ứng thời tiết nắng, mưa, gió thì sẽ rất sinh động. Hôm nay, Zaidap.com sẽ hướng các bạn tạo hiệu ứng mưa như hình 1. Phần HTML Phần bố cục chia làm 2 mảng chính: đám mây và giọt mưa. <!DOCTYPE ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo đồng hồ treo tường với HTML và CSS - Học CSS3 căn bản & nâng cao

Hầu như mỗi nhà đều có một chiếc đồng hồ treo tường, và trang web cũng tương tư. Nó giống như một ngôi nhà riêng của chúng ta trang mạng. Do vậy việc thiết kế nên chiếc đồng hồ cũng rất cần thiết. Hôm nay, các bạn sẽ cùng Zaidap.com thao tác để tạo chiếc đồng hồ bên dưới 1. Phần HTML Phần ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo hiệu ứng trò chơi pacman với HTML và CSS - Học CSS3 căn bản & nâng cao

Những thế hệ 8x, 9x chắc hẳn không ai không biết đến trò chơi Pacman nổi tiếng. Cứ mỗi dịp hè về, ở xóm lại tụ tập quanh các quán game. Ngày nay, với công nghệ phát triển gần như trò chơi này đã rơi vào quên lãng. Hôm nay, Zaidap.com sẽ hướng dẫn các bạn tạo lại hình ảnh Pacman quen thuộc như ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo thanh tìm kiếm co dãn với HTML và CSS - Học CSS3 căn bản & nâng cao

Ngày nay, việc tìm kiếm dữ liệu rất phổ biến. Hầu hết các trang web đều hỗ trợ thanh tìm kiếm. Do vậy, thiết kế và tạo hiệu ứng bắt mắt cho thanh tìm kiếm cũng góp phần không nhỏ trong việc xây dựng một trang web hiện đại. Hôm nay, Zaidap.com sẽ hướng dẫn các bạn cách tạo một thanh tìm kiếm đơn ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo hiệu ứng khói với HTML và CSS - Học CSS3 căn bản & nâng cao

Trong một số giao diện đặc biệt, chúng ta sẽ cần tạo ra những hiệu ứng chuyên biệt. Hôm nay, Zaidap.com xin giới thiệu đến mọi người hiệu ứng tạo khói. Sau bài viết này mọi người có thể tạo được hiệu ứng như hình bên dưới 1. Phần HTML Vẫn là thẻ div chính cho phần bố cục, thêm vào đó là ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo menu mờ với HTML và CSS - Học CSS3 căn bản & nâng cao

Menu là phần cốt yếu của bất cứ trang web nào. Ngay từ lần ghé thăm đầu tiên, thì một menu đẹp sẽ đem lại ấn tượng tốt đến người dùng, giúp họ dễ dàng nhận ra trang web của bạn. Hôm nay, Zaidap.com sẽ hướng dẫn các bạn cách tạo một menu mờ như hình bên dưới ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo thanh Loading xoay với HTML và CSS - Học CSS3 căn bản & nâng cao

Con xoay hay còn gọi là spinner là một hiệu ứng không thể thiếu trong web hiện đại. Gần như bất cứ trang web nào cũng sử dụng hiệu ứng này, nhất là sau các thao tác đăng nhập hoặc đăng ký. Mục đích nhằm mang lại sự tương tác giữa web với người dùng tốt hơn. Trong bài viết này, Zaidap.com sẽ hướng ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa

ạo thanh loading ngang với HTML và CSS - Học CSS3 căn bản & nâng cao

Thanh loading là một phần không thể thiếu trong các web hiện nay. Trong bài viết này, Zaidap.com sẽ giới thiệu cách tạo một thanh loading ngang với hiệu ứng đẹp chỉ dùng HTML và CSS. Sau bài viết này chúng ta học được cách tạo ra thanh loading như hình. 1. Phần HTML Trước tiên cần phải có ...

Tác giả: Bùi Văn Nam viết 14:49 ngày 06/04/2021 chỉnh sửa
<< < .. 31 32 33 34 35 36 37 .. > >>