2012-04-04 42 views
22

Tôi đã tìm kiếm trực tuyến và tìm thấy một số tài liệu, nhưng không ai trong số họ minh họa khái niệm này rõ ràng, ít nhất là đối với tôi. Ví dụ, w3schools nói nó xác định có bao nhiêu pixel một phần tử 3D được đặt từ khung nhìn. Nó rất trừu tượng để hiểu hoàn toàn. Ai đó có thể cho tôi biết một cách dễ hiểu hơn? Nó không thể tốt hơn nếu có một số hình ảnh để hiển thị khái niệm này.Thuộc tính phối cảnh CSS3 là gì?

Trả lời

39

Trong phép biến đổi 3D, phối cảnh cho đối tượng điểm 3D và cố gắng hiển thị phối cảnh của đối tượng 3D từ góc nhìn của người xem cụ thể. Nó không phải là dễ hiểu.

Đây là số Safari reference trên đó.

A beginning tutorial trên đó.

Some examples phối cảnh sử dụng.

Some more examples.

FYI, trong tương lai, tôi khuyên bạn nên bỏ qua tất cả các lần truy cập tìm kiếm của Google đến từ w3schools. Họ đã bằng cách nào đó quản lý để đồng lựa chọn một thứ hạng tìm kiếm Google cao với nội dung cực kỳ nông cạn.

+0

Cảm ơn. Tham chiếu Safari là một tài nguyên tốt. – chaonextdoor

+15

+1 cho tư vấn w3schools - xem thêm http://w3fools.com/ –

1

Khi làm việc trong một không gian 3D, chúng tôi cần đặt một giá trị perspective, nếu không yếu tố hoạt ảnh sẽ trông phẳng. Làm sao? Thuộc tính CSS phối cảnh cho một phần tử một không gian 3D bằng cách ảnh hưởng đến khoảng cách giữa chỉ mục Z và người dùng. Ghi nhớ: thuộc tính Perspective không nên được áp dụng cho phần tử sẽ được làm động (thông qua Chuyển đổi CSS, Chuyển đổi hoặc Hoạt ảnh), nhưng với một phần tử cha.

Các vấn đề liên quan