Cập nhật: [ Css ]

Hôm nay, tình cờ ghé thăm một blog nước ngoài và mình bị ấn tượng ngay với một hiệu ứng động trên sidebar của blog đó. Và ngay lập tức mình nghĩ ngay tới việc chia sẻ nó cho các bạn, với hiệu ứng này các bạn có thể áp dụng vào ngay cho website hay blog của mình.

Tạo 3D Animating Sidebar với CSS3

Cập nhật: [ Css ]

Image Slider luôn luôn là một trong những chức năng cần có trong một website. Ngoài việc làm cho giao diện web đẹp và sinh động hơn, thì những hình ảnh sẽ là cách tuyệt vời nhất trong việc chuyển tải thông điệp của website đến cho khách viếng thăm.

CSS3 image slider với định dạng thumbnails

Cập nhật: [ Css ]

Hôm nay mình sẽ chia sẻ cho các bạn những đoạn css giúp các bạn tạo nên những hình vuông, hình tròn, hình tam giác… và qua bài viết này, chắc chắn một điều là các bạn sẽ nâng cao kinh nghiệm cũng như trình độ về CSS3 của bạn nên đáng kể.

CSS3 Shapes : Tổng hợp những hình dạng được làm từ CSS3

Cập nhật: [ Css ]

Badge là một trong thành phần gần như không thể thiếu trong bất kỳ một Website thiết kế theo phong cách 2.0 nào. Cho dù kích thước của nó có to hay nhỏ nhưng chúng đều tạo ra một phong cách khá riêng biệt.

Pure CSS Badges

Cập nhật: [ Css ]

Hôm nay mình sẽ chia sẻ cho các bạn một dạng nút bấm (button) rất đẹp với hiệu ứng tooltips cực cool. Chúng ta sẻ chỉ sử dụng CSS3 mà không cần phải dùng bất kì đoạn script hay bất cứ một ảnh động nào.

Tạo Button Tooltips bằng CSS3

Cập nhật: [ Css ]

Chào các bạn, hôm nay Laptrinhweb sẽ chia sẻ cho các bạn một button cực kỳ thú vị với những hiệu ứng mà có lẽ các bạn có thể không bao giờ nghĩ là nó lại được làm chỉ bằng CSS3. Button của chúng ta sẽ sử dụng những thuộc tính như  border-radius, box-shadow, linear-gradients, z-index và transitions.

Animated Download Button Với CSS3

Cập nhật: [ Css ]

Skill Bar thường được dùng để đo lường mức độ của một đánh giá nào đó. Thường thì các chủ trang web dùng chúng để thu thập mức độ yêu thích của khách viếng thăm trang web của họ với những chủ đề khác nhau.

Amimated Skill Bar với jQuery và CSS3

Cập nhật: [ Css ]

Nếu các bạn đang hoặc đã dùng WordPress thì có lẽ đã quá quen thuộc với form login khi đăng nhập vào trang Admin. Khi chúng ta nhập sai username hoặc password thì nó sẽ thông báo lỗi đăng nhập cùng với hiệu ứng rung chuyển form. Hôm nay mình sẽ bày cho cho các bạn cách làm ra hiệu ứng tương tự như vậy cho chính website hay blog mà các bạn đang sở hữu.

Tạo Login Form giống WordPress Admin với CSS3 và jQuery

Cập nhật: [ Css ]

Ngày hôm nay Laptrinhweb sẽ chia sẻ cho các bạn những hiệu ứng vòng tròn (Circle Hover Effects) với CSS transitions và 3D rotations. Bảo đảm là với những hiệu ứng này, các bạn có thể áp dụng vào chính trang web hay blog của mình, và nếu các bạn muốn nâng cao hơn về khả năng sử dụng CSS3 thì bài viết này không nên bỏ qua.

Tổng hợp hiệu ứng vòng tròn với CSS3 Transitions

Cập nhật: [ Css ]

Chào các bạn, hôm nay Laptrinhweb sẽ chỉ cho các bạn cách làm một hiệu ứng fade in và fade out trên chữ với CSS3 Animation. Hiệu ứng này rất đơn giản và dễ thực hiện, chỉ với việc dùng @keyframe cho 7 kí tự với thời gian khác nhau.

Tạo hiệu ứng Fade-in, Fade-out trên chữ với CSS3 Animation

Cập nhật: [ Css ]

Pricing Table thường được dùng để giới thiệu những gói dịch vụ mà trong các trang web chuyên về hosting hay sử dụng. Hôm nay mình xin chia sẻ cho các bạn một mẫu pricing table rất đẹp và được làm bằng CSS3 gadient cùng với những thuộc tính khác như box-shadow và  transform(scale).

Tạo bảng giá (Pricing Table) ấn tượng với CSS3

Cập nhật: [ Css ]

Hôm nay Laptrinhweb sẽ chia sẻ cho các bạn một mẫu form nhập liệu đơn với hiệu ứng 3D đẹp mắt và đầy ấn tượng chỉ với bằng CSS3 và jQuery. Mẫu form này rất thích hợp cho việc tạo các form Subscribe.

Tạo Form đăng nhập 3D cực đep với CSS3 và jQuery

Cập nhật: [ Css ]

Nếu bạn đang cần tạo một hiệu ứng mới mẻ và ấn tượng cho menu trên website khách hàng, hay của chính bạn thì hiệu ứng mà Laptrinhweb chia sẻ cho các bạn ngày hôm nay sẽ là một lựa chọn không nên bỏ qua.

Tạo hiệu ứng ánh sáng đơn giản cho menu bằng CSS3

Cập nhật: [ Css ]

Hôm nay Laptrinhweb xin chia sẻ cho các bạn một icon thường rất hay sử dụng trong các trang web, đó là file icon. Đặc biệt là icon này được làm hoàn toàn bằng CSS3 mà không phải sử dụng bất kì một file hình ảnh nào.

Tạo File Icon với CSS3

Cập nhật: [ Css ]

Font Awesome là một web font chứa tất cả các icon từ Twitter Bootstrap framework , bằng cách ấn định giá trị content trong css, các bạn có thể tạo ra các icon theo ý muốn.

Tạo icon từ bộ Font Awesome bằng CSS