Cập nhật: [ Css ]

Nếu các bạn đang cần tìm một mẫu thiết kế web dùng để giới thiệu công ty hoặc sản phẩm nổi bật nào đó thì thử dùng mẫu 3D Curtain Template mà mình chia sẻ trong bài viết này xem sao. Mẫu này được xây dựng từ những hiệu ứng động của CSS3 và được điều khiển bởi jQuery.

Tạo trang giới thiệu ấn tượng với CSS3 và jQuery

Cập nhật: [ Css ]

Nếu các bạn đang nhận một dự án web với số lượng menu khủng thì các bạn sẽ giải quyết như thế nào ? Mọi chuyện sẽ trở nên đơn giản và dễ dàng hơn nếu các bạn sử dụng đoạn code mà mình chia sẻ cho các bạn ngày hôm nay.

Mega Site Navigation với CSS3 và jQuery

Cập nhật: [ Css ]

Với một footer chứa đầy đủ thông tin, cũng như được thiết kế gọn gàng và bắt mắt , là một phần rất quan trọng trong việc thiết kế website. Hôm nay mình sẽ chia sẻ cho các bạn một mẫu footer rất thường hay được áp dụng trong các trang web quốc tế lẫn Việt Nam.

Thiết kế responsive footer đẹp mắt với CSS3

Cập nhật: [ Css ]

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.

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

Cập nhật: [ Css ]

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.

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

Cập nhật: [ Css ]

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 chính những trang bán hàng của mình, mà còn có thể học thêm được nhiều thuộc tính có sẵn của CSS3.

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

Cập nhật: [ Css ]

Hover.css là một tập hợp những hiệu ứng hover bằng CSS3 được viết sẵn, và bạn có thể dễ dàng áp dụng cho những phần tử trong website như hình ảnh, nút bấm, chữ, logo… Chỉ với việc chèn vào các class tương ứng.

Tạo hiệu ứng Hover bằng CSS3 đơn giản với Hover.css

Cập nhật: [ Css ]

Trong thiết kế web sử dụng hình ảnh bo tròn là điều thường thấy đối với trước đây bạn muốn tạo một hình bo tròn phải dùng đến photoshop hoặc công cụ chỉnh sửa hình ảnh nào đó, tuy nhiên hiện nay thì mọi thứ đã quá dễ dàng cho ác bạn khi đã có CSS3. Để CSS3 hoạt động được thì trình duyệt phải hỗ trợ sử dụng cụ thể các là: Google Chrome, Opera hay các phiên bản IE9+, Firefox 4+, Safari 5+ đều sử dụng được chức năng này.

Cách bo tròn hình ảnh với CSS3

Cập nhật: [ Css ]

Ai đã thiết kế giao diện website với HTML và CSS đều hiểu sự quan trọng của reset css vậy đó là cái gì? Tại sao chúng ta phải cần sử dụng reset css trong thiết kế web, vậy cách tạo ra chúng và sử dụng dụng file reset.css như thế nào? Đó là những vấn đề mà trong bài viết hôm nay Laptrinhweb muốn chia sẻ với các bạn.

Vai trò của reset css và cách sử dụng

Cập nhật: [ Css ]

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 News Sticker với chỉ bằng CSS3 thuần mà không dùng bất kì đoạn script nào.

Tạo News Ticker với CSS3 Thuần

Cập nhật: [ Css ]

Hôm nay mình sẽ chia sẻ cho các bạn một mẫu Banner 3D làm bằng CSS3 và jQuery 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.

Banner 3D Cube làm bằng CSS3 và jQuery

Cập nhật: [ Css ]

Mẫu Login Form giao diện phẳng với CSS3 và jQuery 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 động với jQuery và CSS3.

Login Form giao diện phẳng với CSS3 và jQuery

Cập nhật: [ Css ]

Trong bài viết này, mình xin chia sẻ thêm cho các bạn một mẫu icon xoay tròn được làm hoàn toàn bằng CSS3 với sự kết hợp của những hiệu ứng hot nhất hiện nay.

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