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 ...
Tạo Flat Icons từ Font Awesome và CSS3
Hiện nay Flat Design đang là xu hướng mà các nhà thiết kế chọn lựa dựa theo tính đơn giản và hiệu nghiệm mà nó mang lại. Nếu các bạn cũng đang theo xu hướng này thì mình chia sẻ cho các bạn một loạt các icon thích hợp cho các bạn tích hợp vào trong các thiết kế của mình. Các icon này hoàn toàn ...
Windows Metro Style Boxes với CSS3
Tất cả chúng ta đều biết Windows Metro UI rất được các web developers sử dụng bởi giao diện đẹp và rất thân thiện với người dùng, với những màu sắc và hiệu ứng động bắt mắt. Hôm nay mình sẽ chia sẻ cho các bạn một đoạn CSS3 giúp các bạn có thể thiết kế cho chính trang web hay blog của mình theo ...
Cực cool digital clock với jQuery và CSS3
Chào các bạn, dạo này mình bận quá nên cũng không có thời gian post nhiều bài cho các bạn, với lại cũng do mình làm biếng (^^). Trước đây mình đã giới thiệu cho các bạn bài viết Tạo ứng dụng đồng hồ điện tử với jQuery và CSS3. Hôm nay mình xin chia sẻ cho các bạn một kiểu đồng hồ điện tử mới. Với ...
Tạo Tooltip Menu với CSS và jQuery
Hôm nay mình tiếp tục mang đến cho các bạn một hiệu ứng cực kỳ hữu ích và rất hay sử dụng trên các trang web , đó là hiệu ứng tool tip cho các submenu. Với hiệu ứng này, rất phù hợp cho các bạn áp dụng vào các menu có độ phân cấp cao trên trang web hay blog của các bạn. Xem Demo | Download ...
