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

Going Nuts with CSS Transitions

You will learn how CSS 3 transforms and WebKit transitions can add zing to the way you present images on your site.

Sliding Vinyl with CSS3

We take a standard album cover, a little HTML, and some CSS3 transitions and transforms to create a sliding vinyl effect for showing off the music you love.

Fun with CSS3 and Mootols

These examples came about when experimenting with the extend property in MooTools. By extending the styles class I could add CSS3 properties into the Core MooTools framework and do CSS3 animations.

Fun with 3D CSS and video

Zach Johnson has been having fun with 3D effects via CSS such as his isocube above, which is brought to you with simple HTML (including a video tag for a playing video on the surface!) and some CSS.

CSS Animations

No matter how fast internet tubes or servers are, we�ll always need spinners to indicate something�s happening behind the scenes.

3D Cube using new CSS transformations

The impression of a three dimensional cube can be created using modern CSS techniques, without the need for JavaScript, imagery, canvas or SVG. Using the proprietary transform property to skew and rotate shaded rectangles, individual cube faces can combine to form a 3D object.

More on 3D CSS Transforms

The author will show you what 3D CSS Transforms can do.

How To Create a Pure CSS Polaroid Photo Gallery

Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let�s take a look at building a cool looking stack of Polaroid photos with pure CSS styling.

An Awesome CSS3 Lightbox Gallery With jQuery

In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it.

Editable CSS3 Image Gallery

We build a pretty typical image gallery design pattern, a grid of images that pop up larger when clicked. But this image gallery page makes use of hot semantic HTML5 markup, loads of visual treats with CSS3 and jQuery, and made editable through the CMS PageLime. Quick reminder, the demo is awesome-est in a WebKit browser (Safari or Chrome).

• 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