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

Icon Hover Effects với CSS3

CSS3 luôn luôn mang lại những cảm hứng và điều bất ngờ cho những ai lần đầu sử dụng nó. Hôm nay, mình tiếp tục chia sẻ cho các bạn một bộ sưu tập những hiệu ứng tuyệt đẹp dành cho các icon. Những hiệu ứng này rất thích hợp cho các trang được thiết kế theo dạng phẳng (flat design). Xem Demo | ...

Tác giả: Bùi Văn Nam viết 20:03 ngày 04/10/2018 chỉnh sửa

Tạo HTML5 Logo với CSS3

Nếu các bạn đang tìm hiểu về các cách khai báo phần tử :before và :after, hoặc các thuộc tính CSS3 opacity và transform , CSS borders để vẽ các hình dạng nhất định thì bài viết mà mình giới thiệu hôm nay sẽ giúp các bạn hiểu rõ hơn về những thuộc tính này. Trong bài viết này, chúng ta sẽ vẽ ...

Tác giả: Bùi Văn Nam viết 20:03 ngày 04/10/2018 chỉnh sửa

Tạo Button Tooltips bằng CSS3

Hôm nay mình sẽ chia sẻ cho các bạn một dạng nút bấm (button) rất đẹp với hiệu ứng tooltips cực cool. Chúng ta sẻ chỉ sử dụng CSS3 mà không cần phải dùng bất kì đoạn script hay bất cứ một ảnh động nào. Xem Demo | Download HTML Sau đây là bộ khung html mà chúng ta cần có để tạo ...

Tác giả: Bùi Văn Nam viết 20:03 ngày 04/10/2018 chỉnh sửa

Forrst logo bằng CSS3

Hôm nay mình sẽ cùng với các bạn tạo logo forrst chỉ bằng CSS3 thuần (không sử dụng hình ảnh). Chìa khóa chính cho việc tạo logo này đó là các hình tam giác và hiệu ứng bóng đổ đều sử dụng thuộc tính borders. Và qua bài viết này mình chắc chắn là các bạn sẽ có thể hiểu và sử dụng tốt thuộc tính ...

Tác giả: Bùi Văn Nam viết 20:03 ngày 04/10/2018 chỉnh sửa

Tỉ mỉ với logo Apple được làm từ CSS3

Với logo Apple thì có lẽ là chúng ta đã quá quen thuộc rồi, và sẽ rất đơn giản nếu như chúng ta dùng các phầm mềm như Photoshop để tạo logo này. Thế còn CSS3 thì sao ? Có lẽ đến bây giờ thì mình có thể quả quyết là với các thuộc tính CSS3 mang lại, chúng ta có thể vẽ nhiều hơn chúng ta tưởng về ...

Tác giả: Bùi Văn Nam viết 20:03 ngày 04/10/2018 chỉnh sửa

Single input 3D form với CSS3 và jQuery

Hôm nay mình sẽ chia sẻ cho các bạn một mẫu form nhập liệu đơn với hiệu ứng 3D đẹp mắt và đầy ấn tượng chỉ với bằng CSS3 và jQuery. Mẫu form này rất thích hợp cho việc tạo các form Subscribe. Xem Demo | Download HTML Đầu tiên chúng ta cần có bộ khung chuẩn html như sau : <div ...

Tác giả: Bùi Văn Nam viết 20:02 ngày 04/10/2018 chỉnh sửa

Tạo hiệu ứng loading theo phong cách Facebook bằng CSS3

Chắc hẳn bạn đã quá quen thuộc với hiệu ứng loading trên Facebook mỗi khi chúng ta upload hình ảnh, chia sẽ link, video… cho bạn bè và người thân của mình. Trong bài viết này, chúng ta sẽ tạo ra hiệu ứng loading giống như thế, mà không cần phải dùng bất kì file ảnh nào, tất cả đều được tạo ...

Tác giả: Bùi Văn Nam viết 20:02 ngày 04/10/2018 chỉnh sửa

Tạo biểu tượng (icons) theo phong cách IOS7 với CSS3

Nếu các bạn đang dùng iPhone hay iPad và đã cập nhật phiên bản IOS 7, chắc hẳn là đã quen thuộc với kiểu thiết kế đẹp và lạ mắt của các biểu tượng (icons) trên màn hình. Kiểu thiết kế này được gọi là Squircles, nó là sự kết hợp giữa hình vuông và hình tròn. Nếu các bạn cũng muốn áp dụng kiểu ...

Tác giả: Bùi Văn Nam viết 20:02 ngày 04/10/2018 chỉnh sửa

Logo Nike đẹp ấn tượng được làm từ CSS3

Nhằm tiếp tục mang đến cho các bạn những mẫu logo được làm từ CSS3, hôm nay mình xin chia sẻ cho các bạn thêm một mẫu logo mới. Đó là logo của hãng Nike, với kiểu thiết kế này, các bạn có thể có thêm kinh nghiệm trong việc sử dụng thuộc tính CSS3 transform. Sau đây là logo mà chúng ta sẽ có được ...

Tác giả: Bùi Văn Nam viết 20:01 ngày 04/10/2018 chỉnh sửa

Thủ thuật canh giữa mọi đối tượng với css

Một trong những việc khiến bạn cảm thấy khó khăn nhất đó là canh giữa trong css. Thông thường chúng ta thường sử dụng margin:0 auto; để canh giữa chiều ngang cho đối tượng sử dụng, tuy nhiên nếu để canh giữa theo chiều dọc cho đối tượng đó nữa thì lại không được. Có rất nhiều cách cũng như ...

Tác giả: Bùi Văn Nam viết 20:01 ngày 04/10/2018 chỉnh sửa