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

Khâm phục với logo BP được làm từ CSS3 và HTML

Cùng một loạt các bài viết về CSS3 Logo , hôm nay mình tiếp tục mang đến cho các bạn một logo được thiết kế hết sức phức tạp và có lẽ là khó thực hiện nhất từ trước đến nay. Từ màu sắc được pha trộn cầu kỳ, cũng như những cánh hoa được làm hết sức tỉ mỉ. Đây là logo mà chúng ta sẽ học để thiết ...

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

Tạo ảnh phản chiếu (Image Reflection) với CSS3

Trong các bài viết trước, chúng ta đã nói rất nhiều về những thuộc tính mới mà CSS3 mang lại. Tuy nhiên, cũng có một vài thuộc tính mà chúng ta vẫn chưa tìm hiểu mặc dù nó cũng rất thú vị. Một trong số đó là thuộc tính box-reflect , với chức năng chính là tạo ảnh phản chiếu cho một đối tượng. ...

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

CSS3 Linear Gradients và những điều cần biết

Gradient là một tính năng pha trộn màu sắc mà chúng ta rất đỗi quen thuộc khi làm việc với Photoshop hay các phần mềm tạo ảnh khác.Với màu gradient, chúng ta có thể tạo ra nhiều ảnh nền đẹp mắt từ những màu sắc khác nhau. Và giờ đây , với CSS3 , các bạn đã có thể tạo ảnh nền màu gradient cho bất ...

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

Từng bước tạo Hiệu Ứng Bóng Nẩy Với CSS3

Chào các bạn, hôm nay chúng ta sẽ cùng nhau tìm hiểu thêm về CSS3 Gradient và Animation nhé. Trong bài viết này, mình sẽ chia sẻ cho các bạn từng bước tạo hiệu ứng bóng nẩy , đây chỉ là hiệu ứng đơn giản, tuy nhiên nó sẽ giúp các bạn có thêm kinh nghiệm sử dụng cũng như khả năng nắm vững CSS3. ...

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

Cách thay đổi màu mặc định khi bôi đen chữ bằng CSS3

Mặc định khi chúng ta tiến hành bôi đen một đoạn chữ, thường thì nó có màu nền xanh và chữ màu trắng. Tuy nhiên rất ai ít biết được rằng, chúng ta hoàn toàn có thể thay đổi những màu mặc định này với chỉ vài đoạn css. Xem Demo Và đây là đoạn css giúp chúng ta làm được điều này : ...

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

Cách làm button chuyển động bằng CSS3

Trước đây để tạo ra các hiệu ứng button chuyển động , bạn phải vẽ các button trong photoshop, rồi sau đó chuyển sang flash để làm nó có thể chuyển động. Nhưng giờ đây bạn không cần phải tốn quá nhiều thời gian để làm việc đó, tất cả chỉ vì sự xuất hiện của CSS3. Các bạn có thể xem demo bài ...

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

Tạo Fisheye Menu bằng CSS3

Chắc hẳn là bạn đã không còn quá xa lạ với các menu dạng Fisheye, nhưng mình cá là bạn không biết là bạn có thể làm các menu như thế mà chỉ bằng CSS3 mà không cần bất cứ đoạn javacript hay jquery nào cả. Các bạn có thể xem demo Fisheye Menu tại đây. Để tạo ra menu này thì chúng ta có thể làm ...

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

Tạo Multi Step Form với Progress Bar sử dụng jQuery và CSS3

Trong thiết kế cũng như lập trình, Form thường được mọi người sử dụng nhiều nhất vì những tính năng mà nó mang lại cho website. Hôm nay mình sẽ chia sẻ với các bạn một cách sắp xếp Form gọn gàng với hiệu ứng đẹp mắt nhờ 2 công cụ hot nhất hiện nay là jQuery và CSS3 . Trước khi bắt đầu các bạn ...

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

Hiệu ứng tooltips cực đỉnh với CSS3

Nhằm giới thiệu tới các bạn series bài viết về CSS3 , hôm nay mình sẽ chia sẻ với các bạn cách tạo hiệu ứng tooltips đẹp mắt mà không cần phải dùng đến bất kì đoạn javascript hay jQuery nào. Trong bài viết này chúng ta sẽ sử dụng css transitions và pseudo-classes :before và :after . ...

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

Tạo hiệu ứng động 3D với CSS3

Tạo hiệu ứng động đối với CSS3, có lẽ đối với nhiều người đã không còn quá xa lạ từ khi nó ra đời. Nhưng CSS3 không chỉ dừng lại ở có thế mà nó còn tạo hiệu ứng 3D cực kỳ đẹp mắt không khác gì mấy so với các phần mềm tạo ảnh động chuyên nghiệp. Nếu bạn nào vẫn chưa tin thì có thể xem demo bên dưới ...

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