Vài ngày trước, jsB@nk đã giới thiệu với bạn danh sách các trải nghiệm web hoàn chỉnh với CSS3 rất độc đáo thông qua bài viết Chiêm ngưỡng các ứng dụng CSS3 tuyệt đẹp, hôm nay jsB@nk xin giới thiệu tiếp với các bạn một danh sách cũng là các ứng dụng CSS3 nữa, nhưng điểm đặt biệt là có hướng dẫn chi tiết và đầy đủ để giúp bạn xây dựng các ứng dụng này cho riêng mình.

Vui lòng vào trang chi tiết để xem đầy đủ danh sách trên 50 ứng dụng web với CSS3 cực độc này. Hoặc xem thêm các bài viết liên quan bên dưới:
- Các website tuyệt đẹp dùng JavaScript đầy sáng tạo
- 50+ trải nghiệm tuyệt đẹp với các ứng dụng web

• Demo
• Phóng to
• Tải lại
• Cửa sổ mới

Beautiful Background Image Navigation with jQuery

In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.

Awesome Cufonized Fly-out Menu with jQuery and CSS3

In today�s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item.

CSS3 Background-Clip: Text

To carry out the DIN typeface, a transparent PNG with letters was used to achieve that subtle yellow to blue fade animation:

Sticky Notes with CSS3

In this tutorial you can see how sticky notes with CSS3 can be created

3D Animation Using Pure CSS3

The perspective property is what we need to create the 3D effect. Using transform and transition, we can create 3D animations using pure CSS3.

Beautiful Photo Stack Gallery with jQuery and CSS3

In this tutorial you can learn how to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, the images of that album are shown as a beautiful photo stack.

How To Change Default Text Selection Colour

Whilst this CSS3 declaration might not be crucial to your project or design and yes it is not supported by all browsers, but it is a fantastic effect that really takes your design one step further.

Making Better Select Elements with jQuery and CSS3

Here you can find out how to build a script, one which is going to take an ordinary �select� element, and replace it with a better looking, markup powered version, while keeping all the functionality intact.

BounceBox Notification Plugin with jQuery & CSS3

In this tutorial you will find out how a bouncebox notification plugin can be created with jQuery & CSS3.

Contextual Slideout Tips with jQuery & CSS3

Knowing the importance of HTML standards, here is a set of contextual slideout tips with jQuery & CSS3 which are ideal for product pages and online tours.

• Mã nguồn
• In

• Lời bình (0)
• Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

• Lượt gửi (0)
• Mới