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 ...
Tạo hiệu ứng động giống Ubuntu Phone unlock với CSS
Tiếp tục giới thiệu tới các bạn các hiệu ứng động được làm từ CSS3. Hôm nay, trong bài viết này, chúng ta sẽ tạo hiệu ứng động giống chữ “unlock” trong Ubuntu Phone. Và với những dòng lệnh CSS3 sau đây, các bạn có thể áp dụng vào những mẫu thiết kế web của mình, hay tự sáng tạo theo ...
Tạo cờ đỏ sao vàng đơn giản bằng CSS3
Trước đây mình đã giới thiệu với các bạn rất nhiều cách tạo hình hoặc icon bằng CSS3, tiếp theo đây mình xin chia sẻ cho các bạn một icon rất đặc biệt nữa, đó là icon cờ việt nam, với icon này, các bạn có thể áp dụng cho những trang đa ngôn ngữ. Xem Demo | Download HTML <div ...
Tạo loader bằng CSS cực chuẩn
Trước đây mình đã giới thiệu cho các bạn nhiều hiệu ứng tạo loader bằng CSS thuần như Hiệu ứng loading theo kiểu Windows phone với CSS3 và Tạo hiệu ứng loading theo phong cách Facebook bằng CSS3 . Hôm nay mình tiếp tục giới thiệu cho các bạn một hiệu ứng cũng đẹp không kém khác, với hiệu ứng ...
Underline Hover Effect với CSS3
Tiếp tục mang đến cho các bạn những hiệu ứng hover bằng CSS3. Trong bài viết ngày hôm nay, mình xin chia sẻ một đoạn css ngắn giúp các bạn tạo hiệu ứng underline đơn giản nhưng đẹp mắt, các bạn có thể áp dụng hiệu ứng này cho các menu trong trang web hay blog của các bạn. Xem Demo | Download ...
