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

Cập nhật: [ Css ]

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.

Responsive  Image Slider với CSS3 và jQuery

Cập nhật: [ Css ]

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.

Hướng dẫn tạo Bubbles Chat bằng CSS3

Cập nhật: [ Css ]

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 đang dùng. Mẫu login này được làm hoàn toàn bằng CSS3, do đó các bạn hoàn toàn có thể học hỏi thêm được nhiều điều từ mẫu này.

Mẫu login form đẹp bằng CSS3

Cập nhật: [ Css ]

Đô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, có thể các bạn sẽ sử dụng cho những dự án web tương lai của mình.

CSS3 Menu Hover cực đẹp