CSS

Mẫu 3D Cube Banner cực cool với CSS3 và jQuery

Hôm nay mình sẽ chia sẻ cho các bạn một mẫu banner với hiệu ứng rất mềm mại và đủ sức để tạo ấn tượng với khách hàng. Với mẫu này, các bạn có thể áp dụng để tạo quảng cáo cho website hay blog của mình. Xem Demo | Download HTML Đầu tiên, chúng ta sẽ tạo khung chuẩn html như sau : ...

Hoàng Hải Đăng viết 3 tuần trước

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 ...

Trịnh Tiến Mạnh viết 3 tuần trước

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 ...

Trần Trung Dũng viết 3 tuần trước

Đơ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, ...

Hoàng Hải Đăng viết 3 tuần trước

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ộ ...

Trần Trung Dũng viết 3 tuần trước

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 ...

Trịnh Tiến Mạnh viết 3 tuần trước

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 | ...

Trần Trung Dũng viết 3 tuần trước

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 ...

Bùi Văn Nam viết 3 tuần trước

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à ...

Bùi Văn Nam viết 3 tuần trước

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 ...

Tạ Quốc Bảo viết 3 tuần trước

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 ...

Trần Trung Dũng viết 3 tuần trước

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'> ...

Trịnh Tiến Mạnh viết 3 tuần trước

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 ...

Trịnh Tiến Mạnh viết 3 tuần trước

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 ...

Trần Trung Dũng viết 3 tuần trước

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, ...

Trịnh Tiến Mạnh viết 3 tuần trước

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 : ...

Bùi Văn Nam viết 3 tuần trước

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 ...

Trần Trung Dũng viết 3 tuần trước

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 ...

Trần Trung Dũng viết 3 tuần trước

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 ...

Trịnh Tiến Mạnh viết 3 tuần trước

Đơ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 ...

Vũ Văn Thanh viết 3 tuần trước
< 1 2 3 4 5 6 7 .. > >>