Off Canvas Menu với hiệu ứng Flip Out bằng CSS3
Hôm nay mình tiếp tục giới thiệu cho các bạn thêm một mẫu menu web thường hay được sử dụng trong các thiết kế giao diện dành riêng cho mobile hay các giao diện web có khả năng responsive. Với hiệu ứng Flip Out có trong menu này, các bạn sẽ có thêm một kinh nghiệm trong việc xây dựng các hiệu ứng ...
Tạo hiệu ứng Fixed Background bằng CSS3
Hôm nay mình sẽ giới thiệu cho các bạn một mẫu background dùng khi thiết kế web bằng cách tận dụng thuộc tính background-attachment để tạo hiệu ứng fixed background. Còn hiệu ứng fixed background là gì ? Thì các bạn xem demo ở phía dưới là sẽ hiểu. Xem Demo | Download HTML Cấu ...
Tạo slider ảnh sản phẩm với jQuery và CSS3
Khi tìm mua sản phẩm trên mạng, hầu như bất kì ai cũng đều muốn xem nhiều hình ảnh liên quan về sản phẩm mà họ muốn mua. Đó cũng là cách mà nhiều trang bán hàng hiện nay đang áp dụng cho trang web của họ nhằm tăng thêm doanh số bán hàng. Nếu bạn đang nhận một dự án thiết kế cho một trang web bán ...
Mẫu bao thư liên hệ với HTML5 và CSS3
Để thu hút khách viếng thăm blog hay web, các bạn cần có một mẫu form liện hệ cực cool để giữ liên lạc với người dùng. Trong bài viết này, mình sẽ chia sẻ cho các bạn một mẫu form liên hệ được thiết kế như một bao thư, có thể các bạn sẽ không dùng mẫu này cho trang web của mình, tuy nhiên các bạn ...
Tạo button với hiệu ứng hover đơn giản bằng CSS3
Tranh thủ một chút ít thời gian, mình sẽ chia sẻ cho các bạn một mẫu button rất đáng để các bạn sử dụng trên các trang blog hay web của mình. Nếu không thích thì các bạn cũng có thể học thêm được nhiều về CSS3 với những thuộc tính mà nó tạo hiệu ứng cho button này. Xem Demo | Download ...
Mẫu contact form tiện lợi với jQuery và CSS3
Hôm nay mình sẽ chia sẻ cho các bạn một mẫu form rất phù hợp cho trang liên hệ (contact), mẫu form này có đầy đủ các thành phần như thẻ input , select box, radio button và một text area đơn giản cho người dùng nhập liệu. Với mẫu form này, các bạn hoàn toàn có thể thu thập ý kiến cũng như thông tin ...
Tạo trang giới thiệu ấn tượng với CSS3 và jQuery
Nếu các bạn đang cần tìm một mẫu thiết kế web dùng để giới thiệu công ty hoặc sản phẩm nổi bật nào đó thì thử dùng mẫu 3D Curtain Template mà mình chia sẻ trong bài viết này xem sao. Mẫu này được xây dựng từ những hiệu ứng động của CSS3 và được điều khiển bởi jQuery. Xem Demo | Download ...
Hiệu ứng hover động cho thanh tìm kiếm với CSS
Hầu như mọi website hay blog cá nhân đều có một thanh tìm kiếm (search) giúp người dùng tìm kiếm những nội dung mà họ muốn xem nhanh nhất. Việc thiết kế những thanh tìm kiếm này không khó, nhưng nếu muốn tạo ấn tượng cho người dùng thì các bạn cần phải có một chút thủ thuật. Hôm nay, mình sẽ chia ...
Amimated Skill Bar với jQuery và CSS3
Hôm nay mình sẽ chia sẻ cho các bạn một cách tạo hiệu ứng động Skill Bar/ Progress Bar đơn giản với chỉ 2 dòng code jQuery và CSS3. Skill Bar thường được dùng để đo lường mức độ của một đánh giá nào đó. Thường thì các chủ trang web dùng chúng để thu thập mức độ yêu thích của khách viếng thăm trang ...
Top 12 kiểu đóng khung chữ với CSS3
Hôm nay mình sẽ chia sẻ cho các bạn 12 mẫu thiết kế kiểu đóng khung đơn giản được thiết kế hoàn toàn bằng CSS3. Với những kiểu thiết kế này, các bạn sẽ dễ dàng cài đặt và sử dụng cho những mục đích khác nhau trong những dự án thiết kế web của mình. Xem Demo | Download HTML Khung ...
Menu chuẩn cho mobile và máy tính bảng với CSS3 & jQuery
Nếu các bạn đang gặp vấn đề về thiết kế menu dành cho các giao diện chạy trên mobile hay tablet thì không nên bỏ qua bài viết này. Hôm nay mình sẽ chia sẻ cho các bạn một mẫu menu đơn giản nhưng rất hiệu nghiệm và được sử dụng rộng rãi ở nhiều website hiện nay. Menu này được xây dựng từ CSS và một ...
Tạo nút download động bằng CSS3 Animated
Tiếp tục mang đến cho các bạn một kiểu button động được làm từ CSS3, hôm nay mình sẽ chia sẻ cho các bạn thêm một nút bấm cho phép người dùng tải file trên trang web của bạn với hiệu ứng không hề thua kém với bài viết Animated Download Button Với CSS3 mà mình đã giới thiệu cho các bạn. Xem ...
Tự Tay Tạo Mẫu 3D Business Card Bằng CSS
Chào các bạn ! Hôm nay mình sẽ chia sẻ cho các bạn một mẫu Bussiness Card cực kỳ ấn tượng và đẹp mắt, đặc biệt là các bạn không cần phải dùng các phần mềm thiết kế hay các công cụ tạo ảnh động nào, tất cả chỉ bằng CSS. Xem Demo | Download HTML Đầu tiên , chúng ta cần phải có các ...
Thiết kế menu nhà hàng với hiệu ứng hover bằng CSS3
Tranh thủ mang đến cho các bạn một mẫu thiết kế dành riêng cho menu trong các nhà hàng hay quán ăn, kiểu thiết kế này được làm bằng CSS3 với hiệu ứng hover ảnh.Trong bài viết này mình chỉ sử dụng thuộc tính box shadow và CSS transition . Xem Demo | Download HTML Để menu có khả ...
Hiệu ứng mask ảnh cho trình duyệt Webkit bằng CSS3 và jQuery
Hôm nay mình sẽ chia sẻ cho các bạn một hiệu ứng ảnh đẹp mắt, rất thích hợp cho việc áp dụng vào các ảnh logo. Có một nhược điểm là hiệu ứng này chỉ có thể chạy được trên các trình duyệt Webkit (tức là chỉ có trên Chrome và Safari). Tuy nhiên, các bạn sẽ học hỏi được rất nhiều từ bài viết này, vì ...
Tạo hiệu ứng ánh sáng đơn giản cho menu bằng CSS3
Nếu bạn đang cần tạo một hiệu ứng mới mẻ và ấn tượng cho menu trên website khách hàng, hay của chính bạn thì hiệu ứng mà mình chia sẻ cho các bạn ngày hôm nay sẽ là một lựa chọn không nên bỏ qua. Hiệu ứng mà mình muốn chia sẻ được làm hoàn toàn bằng CSS3, và qua bài viết này, các bạn sẽ hiểu thêm ...
Tạo iOS 7 Progress Bar bằng CSS3
Hôm nay mình tranh thủ giới thiệu cho các bạn thêm một mẫu progress bar cực kỳ ấn tượng với hiệu ứng như trên iOS 7. Xem Demo | Download HTML Đầu tiên, các bạn áp dụng khung chuẩn html như sau : <div class="progress"> <div class="progress-bar&quo ...
Thiết kế responsive footer đẹp mắt với CSS3
Với một footer chứa đầy đủ thông tin, cũng như được thiết kế gọn gàng và bắt mắt , là một phần rất quan trọng trong việc thiết kế website. Hôm nay mình sẽ chia sẻ cho các bạn một mẫu footer rất thường hay được áp dụng trong các trang web quốc tế lẫn Việt Nam. Mẫu footer này gồm có 2 phần : Phần đầu ...
Tạo File Icon với CSS3
Hôm nay mình xin chia sẻ cho các bạn một icon thường rất hay sử dụng trong các trang web, đó là file icon. Đặc biệt là icon này được làm hoàn toàn bằng CSS3 mà không phải sử dụng bất kì một file hình ảnh nào. Xem Demo | Download HTML Chúng ta sẽ chỉ cần một đoạn html đơn giản như ...
Ấn tượng với mẫu Circle Loading bằng CSS3
Tiếp tục mang đến cho các bạn thêm một mẫu loading được làm hoàn toàn bằng CSS3, đây sẽ là một lựa chọn khá đẹp cho trang web hay blog của các bạn. Thông qua bài viết này, các bạn sẽ học thêm được rất nhiều về cách sử dụng các thuộc tính của CSS3 trong việc tạo một hiệu ứng động. Xem Demo ...
