CSS

Tạo Folder tabs với CSS3 và jQuery

Hôm nay mình sẽ cùng với các bạn tạo các thẻ tab để phân chia nội dung, đây là một trong những phần mà các trang web hay dùng tới. Để tạo thẻ tab thì cũng không có gì là quá phức tạp , chỉ cần sử dụng vài dòng jQuery cơ bản và định dạng cho đẹp với CSS3 là xong. Xem Demo | Download ...

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

Tạo slideshow cho trang thiết kế nội thất bằng jQuery và CSS3

Slideshow mà mình giới thiệu cho các bạn trong bài viết này không chỉ dành riêng cho những trang thiết kế nội thất mà còn dùng chung cho những trang muốn trình diễn sản phẩm trên trang chủ. Xem Demo | Download HTML Để thực hiện được slideshow này, trước tiên các bạn chèn các file ...

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

Tạo đường viền Zig Zag với CSS

Nếu các bạn cảm thấy nhàm chán với các kiểu đường viền (border) thẳng, thì hãy thử xem mẫu đường viền zig zag mà mình chia sẻ trong bài viết này xem thế nào. Đảm bảo là các bạn sẽ có ngay những ý tưởng thiết kế web cho những dự án sắp tới của mình. HTML Để tạo đường viền các bạn chỉ cần ...

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

Form tìm kiếm nâng cao cực pro từ codyhouse

Trước đây mình có làm một project sử dụng một form tìm kiếm rất hay mà mình học được từ trang web codyhouse. Với form tìm kiếm này, các bạn có thể vừa hiển thị nội dung , vừa chèn được các link đến những trang cần thiết, đặc biệt là cho phép tìm kiếm từ khóa dựa theo danh mục. Để hiểu rõ hơn về ...

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

Thiết kế mẫu Dark Login Form cho Website

Tranh thủ thêm chút ít thời gian, mình sẽ chia sẻ cho các bạn một mẫu form login được lấy ý tưởng từ trang CSSFlow. Mẫu form này rất thích hợp cho những trang web có màu tối, tuy nhiên các bạn cũng có thể sáng tạo thêm về màu sắc khác nhau để phù hợp cho website hay blog của các bạn. Xem ...

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

Tùy chỉnh thứ tự mẫu danh sách ấn tượng hơn với CSS3

Việc sắp xếp nội dung theo thứ tự thì hầu như trang web nào cũng sử dụng, tuy nhiên những mẫu định dạng mặc định của nó khá thô sơ và không mấy ấn tượng. Trong bài viết này, chúng ta sẽ thử sử dụng một vài thuộc tính có trong CSS3 để ” hack ” cho nó đẹp hơn xem sao. Xem Demo | ...

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

Thiết kế Form theo phong cách thời học sinh với CSS

Có thể vào thời điểm này, chắc đã không còn ai viết thư tay mà gửi thông điệp cho nhau bằng Facebook hoặc email. Vì thế mà những mẫu form với kiểu viết tay và đính kèm như một bao thư thì ắt hẳn sẽ thu hút không ít người dùng. Hôm nay mình sẽ chia sẻ cho các bạn một mẫu thiết kế form theo phong ...

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

Tạo mẫu logo stackoverflow với CSS3

Tranh thủ một chút ít thời gian, mình sẽ chia sẻ cho các bạn thêm một đoạn css3 giúp các bạn tạo một mẫu logo rất nổi tiếng mà bất kì ai học lập trình cũng đều biết, đó là logo của trang stackoverflow. Qua mẫu logo này, mình tin chắc các bạn sẽ học cách sử dụng css3 để thiết kế những hình vẽ theo ý ...

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

Toggle Tabs với CSS3 và jQuery

Tabs được sử dụng rộng rãi trong các mẫu thiết kế web bởi tính tiện dụng trong việc sắp xếp nội dung mà nó mang lại. Hòng mang đến cho các bạn có thêm sự lựa chọn, mình xin chia sẻ một mẫu tab rất đơn giản và hoàn toàn có thể sử dụng ở bất kì trang blog/web nào mà các bạn đang sở hữu. Xem ...

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

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

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

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

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

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

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

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

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

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

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

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