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

Angled Content Mask with CSS

This article explains how to create angled CSS content �masks�. The idea is pretty simple and uses CSS transform property (rotation, to be more precise).

Pure CSS Folded-Corner Effect

Learn how to create a simple CSS folded-corner effect without images or extra markup. It works well in all modern browsers and is best suited to designs with simple colour backgrounds; supported by Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 8+.

Fade Image Into Another

Learn how to create an image rollover by giving the element a background image. There are three ways to fade in the opacity.

Using CSS Text-Shadow to Create Cool Text Effects

The CSS3 text-shadow property has been around for some time now and is commonly used to recreate Photoshop�s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. A demo is available if you�d like to see what it looks like before you give it a try yourself.

Correcting Orphans with Overflow

The overflow property in CSS can be used in various ways and comes in handy when correcting bugs. Below are some tutorials that demonstrate how to clear up some common issues using the overflow property.

CSS Sprites without Using Background Images

� The first approach in my mind was to do the typical CSS Sprites but this requires CSS work which my client did not know much of. I wanted to give him the access to update his affiliate banners using WordPress, and the simplest thing was to let him just upload his own images and put the URL in a custom field. No CSS tweaks involved, just what he needed.�

Make All Links Feel Subtly More Button-Like

On this current design of CSS-Tricks, you may have noticed how all links bump themselves down one pixel as you click them. This tutorial displays how to implement this technique.

CSS 100% Height

A common problem among designers is how to get a div to stretch 100% of the window�s height. There are a few different techniques out there, and this tutorial shows one of them.

CSS3 Drop-Down Menu

A clean, simple a nice navigation menu, designed by Nick La.

Vertical Centering With CSS

There are a few different ways to vertically center objects using CSS, but choosing the right one can be difficult. Here is a list of the best ways and an explanation of how to create a nice centered website.

• 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