CSS

Mẫu Social Share Nằm Góc Phải Màn Hình Với CSS3 & jQuery

Hôm nay mình sẽ mang đến cho các bạn một hiệu ứng ẩn hiện cực cool với sự kết hợp giữa CSS3 và jQuery. Trong bài viết này, chúng ta sẽ thử tạo nút chia sẻ mạng xã hội được đặt tại ví trí bottom của trang web. Qua bài viết này, các bạn cũng có thể áp dụng nút chia sẻ này vào chính trang web hay blog ...

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

Hiệu ứng động mẫu mở rộng form tìm kiếm với CSS3

Form tìm kiếm luôn luôn là phần quan trọng nhất cho mọi trang web, chính vì thế mà việc thiết kế cho form này luôn luôn là ưu tiên hàng đầu. Hôm nay mình sẽ chia sẻ cho các bạn thêm một form tìm kiếm với hiệu ứng mở rộng cực cool, phù hợp với tất cả các giao diện hiện nay. Xem Demo | ...

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

Đánh bóng form login với HTML5 và CSS3

Xin chào các bạn, hôm nay cuối tuần nên mình sẽ chia sẻ một bài viết ngắn gọn về CSS3 và HTML5 ,bằng việc tạo một trang login cực kỳ đẹp mắt và có thể phù hợp cho rất nhiều ý tưởng thiết kế web của các bạn. Xem Demo | Download HTML Trong phần html , chúng ta sẽ sử dụng các thuộc ...

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

Thiết kế mẫu login form siêu pro với CSS3

Lại sắp kết thúc một tuần nữa, thời gian trôi qua nhanh lắm các bạn, nếu không tranh thủ học và rèn luyện kiến thức cho mình thì sẽ bị đẩy lùi mất thôi. Hôm nay, mình sẽ chia sẻ thêm cho các bạn một mẫu form đăng nhập nữa được làm hoàn toàn bằng CSS3. Xem Demo | Download HTML ...

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

Tạo Google Map Pin với CSS3

Hôm nay mình sẽ mang đến cho các bạn một bài học đơn giản về cách tạo hiệu ứng động bằng CSS3. Qua bài viết này, mình tin chắc các bạn sẽ nắm vững được các thuộc tính như box-shadow , và sử dụng transfrom và @keyframes để tạo các hiệu ứng động mà các bạn mong muốn. Xem Demo | ...

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

Tạo menu nhảy múa đẹp mắt với CSS3

Mẫu menu mà mình giới thiệu cho các bạn trong bài viết này với hiệu ứng được làm hoàn toàn bằng CSS3 transition. Qua đây, các bạn có thể áp dụng cho trang web hay blog của các bạn và cũng là một bài học quý giá cho những ai đang tìm hiểu về CSS3. Xem Demo | Download HTML Khung ...

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

Nhỏ gọn với mẫu menu đen tuyền bằng CSS3

Hôm nay mình cũng khá là bận nên cũng chỉ tranh thủ post cho các bạn một menu đơn giản, menu này có thể áp dụng cho những trang web hay blog có nền đen. Tuy nhiên, các bạn vẫn có thể tuỳ chỉnh theo ý muốn một khi các bạn hiểu cách tạo ra nó, vì nó được làm hoàn toàn bằng CSS3. Xem Demo | ...

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

Tạo button với hiệu ứng kẻ vạch cực cool bằng CSS3

Tiếp tục mang đến cho các bạn những mẫu thiết kế đơn giản và cũng là những bài học bổ ích. Hôm nay mình sẽ chia sẻ cho các bạn thêm một mẫu button khá là cool cho những trang web thiết kế theo kiểu phẳng (Flat). Qua bài viết này, các bạn sẽ hiểu và sử dụng thành thạo thuộc tính transform có trong ...

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

Tạo Form có khả năng Responsive bằng CSS3

Với khả năng Responsive cao, biểu mẫu (Form) mà mình chia sẻ cho các bạn trong bài viết này sẽ hiển thị tốt hầu hết trên các kích thước màn hình khác nhau, điều này rất thích hợp cho việc xây dựng những theme dành riêng cho mobile. Xem Demo | Download HTML Khung chuẩn html cho form ...

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

Mẫu icon xoay tròn cực đẹp với CSS3

Icon chỉ là một phần nhỏ trong một trang web, nhưng nếu các bạn có thể thiết kế nó theo kiểu đơn giản với hiệu ứng cực cool, thì trang web của các bạn sẽ trở nên sinh động và hiệu quả hơn rất nhiều. Trong bài viết này, mình xin chia sẻ thêm cho các bạn một mẫu icon được làm hoàn toàn bằng CSS3 với ...

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

Thiết kế mẫu 3D Tab Bar with CSS3

Tiếp tục mang đến cho các bạn những hiệu ứng được làm từ CSS3. Lần này, chúng ta sẽ tạo các tab chứa nội dung ngắn gọn sẽ xuất hiện khi di chuyển chuột vào với hiệu ứng 3D cực cool. Xem Demo | Download HTML Các bạn tạo các tab theo cấu trúc html như đoạn code bên dưới. ...

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

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 2 tuần trước

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 2 tuần trước

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 2 tuần trước

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 2 tuần trước

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 2 tuần trước

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 2 tuần trước

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 2 tuần trước

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 2 tuần trước

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 2 tuần trước
< 1 2 3 4 5 6 .. > >>