Tạo Mega Menu đơn giản với CSS thuần
Tranh thủ chút ít thời gian, mình sẽ post cho các bạn một mẫu menu đa cấp với chỉ bằng CSS3 mà không phải dùng bất kì đoạn script nào. Với kiểu menu này, các bạn tha hồ dùng cho những dự án thiết kế web của mình. Xem Demo | Download HTML Như thường lệ, chúng ta sẽ xây dựng khung ...
Flat Login Form với CSS3 và jQuery
Mẫu thiết kế login form mà mình giới thiệu cho các bạn trong bài viết này sẽ chứa cả form cho phép người dùng đăng ký thành viên, với hiệu ứng chuyển form được làm bằng CSS3 rất sinh động và đẹp mắt. Với mẫu này, các bạn có thể học thêm được rất nhiều các thuộc tính CSS3 cũng như cách tạo hiệu ứng ...
Đơn giản với hiệu ứng CSS3 Menu Hover
Đôi khi chúng ta sẽ cần sử dụng những mẫu menu đơn giản với hiệu ứng hover đẹp mắt mà không cần phải sử dụng những hình ảnh hay đoạn script cho nặng nề. Trong bài viết này, mình sẽ chia sẻ cho các bạn 3 mẫu menu với hiệu ứng hover được làm hoàn toàn bằng CSS3 ,vừa nhẹ , vừa mượt mà còn rất bắt mắt, ...
Mẫu Radar Preloader với CSS3
Tiếp tục mang đến cho các bạn một mẫu loader bằng CSS3 và lần này là với kiểu thiết kế radar đẹp mắt. Xem Demo | Download HTML Các bạn chỉ cần đoạn html sau để tạo loader. <div class="Radar"></div> CSS Tiếp theo thì các bạn chỉ việc copy toàn bộ ...
Thiết kế mẫu Payment Card bằng CSS
Hằng ngày mình thanh toán rất nhiều hóa đơn trên mạng và thấy rất nhiều mẫu điền thông tin thẻ tín dụng ở nhiều trang web khác nhau, nhưng không ở đâu cho mình cảm giác dễ sử dụng và đẹp như kiểu thiết kế mà mình sẽ giới thiệu cho các bạn trong bài viết này. Tác giả của hiệu ứng này là Melnikov ...
Từng Bước Tạo News Sticker với CSS3 Thuần
Trước đây mình đã giới thiệu cho các bạn bài viết Cách hiển thị bản tin mới với jQuery News Ticker dùng cho những trang tin tức, hôm nay mình tiếp tục chia sẻ cho các bạn thêm cách hiển thị tin tức theo dạng này với chỉ bằng CSS3 thuần mà không dùng bất kì đoạn script nào. Xem Demo | ...
Responsive Vertical Image Slider với CSS3 và jQuery
Hôm nay mình sẽ giới thiệu cho các bạn một mẫu slider với sự kết hợp giữa CSS3 và jQuery, mẫu slider này còn có khả năng Responsive rất cao, giúp các bạn có thể hiển thị trên hầu hết các kích thước màn hình khác nhau. Xem Demo | Download HTML Đầu tiên, chúng ta cần có khung chuẩn ...
Tạo loader 7 sắc cầu vòng với CSS3
Chào các bạn ! Đã lâu lắm rồi mình mới có thể post thêm một bài viết mới cho các bạn. Hôm nay mình sẽ mang đến cho các bạn một hiệu ứng loading cực pro cho các trang web hay blog mà các bạn đang sở hữu , với chỉ vài dòng css đơn giản. Xem Demo | Download HTML Đầu tiên thì vẫn là ...
Download Progress Bar với CSS3 và jQuery
Với sự kết hợp giữa CSS3 và jQuery, các bạn có thể tạo ra các hiệu ứng không tưởng, trong bài viết này, mình sẽ minh họa cho các bạn một ví dụ để chứng mình điều mình nói. Đây là kiểu thiết kế nút bấm download, khi người dùng bấm vào nút này, thì nó sẽ hiện ra hiệu ứng progress. Nào chúng ta cùng ...
Thiết kế mẫu đồng hồ đếm ngược cực ấn tượng với CSS3
Không có cách học nào tốt hơn là tự bắt tay vào làm và từ đó chúng ta sẽ học và nhớ rất kỹ những gì mà chúng ta đã làm. Để thêm sự sáng tạo cho các bạn khi thiết kế web cũng như trang trí cho blog của mình. Hôm nay , mình sẽ chia sẻ cho các bạn một mẫu thiết kế đồng hồ đếm ngược , rất thích hợp cho ...
Lạ mắt với mẫu thiết kế 404 bằng CSS3
Tình cờ thấy được một trang 404 được thiết kế khá hay mà lại đơn giản, nên sẵn tiện mình làm thử và chia sẻ cho các bạn. Với mẫu thiết kế này, các bạn sẽ làm cho trang web hay blog của mình trở nên sinh động hơn rất nhiều. Xem Demo | Download HTML <div class='container'> ...
Tạo modal window với HTML5 và CSS3
Modal Window được sử dụng rất nhiều trong trang web vì sự hữu ích mà nó mang lại. Nó có thể giúp chúng ta hiển thị trang login/register form, hoặc mẫu quảng cáo nhỏ, đơn giản hơn là dòng thông báo dành cho người dùng trên website hay blog của mình. Hôm nay, mình sẽ chia sẻ cho các bạn thêm một đoạn ...
Tạo menu bao phủ màn hình với CSS3 và jQuery
Hiện nay, có khá nhiều trang web có những thiết kế táo bạo và không theo kiểu truyền thống, một trong những điều thay đổi nhiều nhất là cách bố trí menu trên trang web. Để các bạn có thể theo kịp những kiểu thiết kế này, mình xin chia sẻ cho các bạn một mẫu menu với hiệu ứng cực pro, giúp các bạn ...
Thiết kế mẫu Credit Card Form với CSS3
Trong bài viết này, mình sẽ chia sẻ cho các bạn một mẫu thiết kế form dùng để nhập dữ liệu credit card, vốn là một trong những form không thể thiếu trong các trang web bán hàng hay giao dịch điện tử. Mẫu form này rất đơn giản như hình bên dưới. Xem Demo | Download HTML Đầu tiên, ...
Tạo chức năng Slide Porfolio chỉ với CSS3
Thêm một hiệu ứng slide hình ảnh mà mình muốn chia sẻ cho các bạn trong bài viết này, với chỉ vài dòng CSS3, mà các bạn có thể tha hồ thêm ý tưởng vào trong các bản thiết kế web của mình. Xem Demo | Download HTML Đầu tiên, các bạn làm slide theo khung chuẩn html như sau : ...
Thiết kế Menu Bottom với CSS3 và borderMenu.js
Hôm nay mình sẽ chia sẻ cho các bạn một mẫu menu được đặt ở vị trí bottom, tức là ở dưới cùng của trang web. Mẫu menu này với hiệu ứng overley cực cool, đảm bảo sẽ làm hài lòng những bạn khó tính nhất. Xem Demo | Download HTML Đầu tiên là chúng ta xây dựng khung chuẩn html cho menu ...
Thiết kế mẫu Pricing Table đơn giản với CSS
Khi thiết kế các trang dịch vụ, bảng giá hay pricing table luôn luôn được các khách hàng quan tâm chú ý, vì nó là phần quan trọng nhất mà họ muốn giới thiệu cho khách hàng của họ. Mình đã giới thiệu cho các bạn những bài viết như Ấn tượng với Pricing Table làm từ CSS3 ,hay 20 mẫu Pricing Tables ...
Thiết kế mẫu Sign Up – Login Form bằng HTML5, CSS3 và jQuery
Hôm nay mình sẽ chia sẻ cho các bạn thêm một mẫu form đăng nhập đơn giản , với mẫu thiết kế này, các bạn sẽ có thêm một sự lựa chọn cho trang web hay blog của các bạn. Xem Demo | Download HTML Đầu tiên các bạn cần xây dựng khung chuẩn html cho form như sau : <div ...
Đơn giản mẫu Social-Tooltip bằng CSS3
Hôm nay mình sẽ chia sẻ cho các bạn một mẫu chia sẻ mạng xã hội (social) được làm hoàn toàn từ CSS. Mẫu này rất đơn giản và dễ thực hiện, rất phù hợp cho các bạn sinh viên mới bước chân vào lĩnh vực thiết kế web và muốn nâng cao về CSS3. Xem Demo | Download HTML Các bạn tạo danh ...
Mẫu giỏ hàng ấn tượng với kiểu Drop Down lạ mắt
Mẫu giỏ hàng (shopping cart) mà mình chia sẻ cho các bạn trong bài viết này sẽ giúp các bạn tiết kiệm không gian thiết kế cho web, đồng thời cũng tạo sự tiện dụng cho khách hàng dễ dàng quan sát sản phẩm mà họ đã mua trên web và từ đó nâng cao khả năng bán hàng trên website của các bạn. Xem ...
