CSS

Multi-Item Slider với CSS3 animation và jQuery

Bài viết này sẽ giúp các bạn tạo một slider theo từng chủ đề riêng biệt ,đây cũng là một dạng giới thiệu sản phẩm rất tốt cho các trang bán hàng. Slider này được làm từ hiệu ứng động do CSS3 animation hỗ trợ và sự trợ giúp nắm bắt sự kiện của jQuery. Xem Demo | Download HTML Đầu ...

Vũ Văn Thanh viết 20:09 ngày 04/10/2018

Tạo biểu tượng chat với CSS3

Hôm nay mình sẽ mang đến cho các bạn một icon chat cực cool và được thực hiện hoàn toàn bằng CSS3 chứ không phải dùng bất kì một file hình ảnh nào khác. Qua bài viết này, các bạn sẽ học được cách tạo hiệu ứng bóng đổ, tạo các hình theo ý muốn. Xem Demo | Download HTML Cấu trúc ...

Hoàng Hải Đăng viết 20:09 ngày 04/10/2018

Hướng dẫn tạo Chat Bubbles Với CSS3

Hôm nay mình sẽ tranh thủ giới thiệu cho các bạn một mẫu bubbles rất thích hợp cho các ứng dụng chat hoặc có thể dùng cho các mục comment sau mỗi bài viết. Với kiểu thiết kế này, các bạn sẽ biến trang web hay blog của các bạn cực cool. Xem Demo | Download HTML Đầu tiên, các bạn xây ...

Trần Trung Dũng viết 20:09 ngày 04/10/2018

Trình bày sản phẩm nhiều chi tiết với CSS3 và jQuery

Đã đến lúc các bạn thiết kế lại những trang bán hàng quá cũ kỹ cho khách hàng của mình. Trong bài viết này, mình sẽ chia sẻ cho các bạn một mẫu sắp đặt chi tiết sản phẩm cùng với khả năng chia sẻ sản phẩm đó trên mạng xã hội ngay lập tức chỉ với vài cú click chuột. Và hơn hết là các bạn sẽ học thêm ...

Trịnh Tiến Mạnh viết 20:09 ngày 04/10/2018

3 Mẫu button với hiệu ứng đẹp mắt bằng CSS3

Những mẫu button đẹp và hiệu ứng đầy sáng tạo sẽ kích thích người dùng nhấp chuột vào. Đây là một trong những thành phần rất quan trọng trong các mẫu thiết kế web cũng như tạo giao diện thân thiện với người dùng. Trong bài viết này, mình sẽ chia sẻ cho các bạn 3 mẫu button sẽ giúp các bạn có thêm ý ...

Trịnh Tiến Mạnh viết 20:09 ngày 04/10/2018

Cực cool với mẫu form tìm kiếm bằng CSS3

Hôm nay mình sẽ tranh thủ giơi thiệu cho các bạn một mẫu form tìm kiếm rất cool , có thể dùng ngay cho website hay blog của các bạn. Mẫu form tìm kiếm này được làm hoàn toàn bằng CSS3 , nên rất đơn giản và dễ thực hiện. Xem Demo | Download HTML Đưới đây là html markup cho việc tạo ...

Bùi Văn Nam viết 20:09 ngày 04/10/2018

Preloader đầy màu sắc với CSS3

Chào các bạn, đã lâu rồi không post thêm bài viết nào, tranh thủ chút ít thời gian mình xin chia sẻ cho các bạn một hiệu ứng preloader cũng khá đẹp mắt, các bạn có thể áp dụng nó vào trong các web app của các bạn. Xem Demo | Download HTML <div class="wrapper"> ...

Tạ Quốc Bảo viết 20:08 ngày 04/10/2018

Hiệu ứng ẩn hiện giỏ hàng cực đơn giản với CSS3

Hiện nay, nhiều mẫu website chuyên trang bán hàng ( eCommerce ) với những tính năng vượt trội xuất hiện ngày càng nhiều. Hôm nay mình sẽ chia sẻ cho các bạn một hiệu ứng nhỏ dành cho phần giỏ hàng, hiệu ứng này hoàn toàn được làm bằng CSS3 Animation, do đó các bạn ngoài việc áp dụng hiệu ứng vào ...

Trần Trung Dũng viết 20:08 ngày 04/10/2018

Mẫu login form đáng để bạn áp dụng bằng CSS3

Chào các bạn, bấy lâu nay mình hơi bận nên không có post được bài viết nào cho các bạn, mình thật sự xin lỗi vì điều đó. Tranh thủ chút thời gian, mình xin chia sẻ cho các bạn một mẫu login được thiết kế nhỏ gọn và rất đẹp, xứng đáng để các bạn thay thế mẫu login trên trang web hay blog mà các bạn ...

Vũ Văn Thanh viết 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

Đơ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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018

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 20:08 ngày 04/10/2018
< 1 2 3 4 5 6 7 .. > >>