Tôi đang làm việc trong một cuộc thi nhưng tôi gặp một số khó khăn. Tôi cần phải tạo một khối lập phương (xoay) chỉ sử dụng CSS. Các chỉ HTML code mà tôi phải sử dụng là:Tạo hình khối xoay với CHỈ CSS
<div id="container">
<div id="imasters-cube">
<div class="front"></div>
<div class="back"></div>
<div class="top"></div>
<div class="right"></div>
<div class="bottom"></div>
<div class="left"></div>
</div>
</div>
tôi dán một hình ảnh để bạn có thể xem kết quả mà tôi cần:
http://www.sitepor500.com.br/index.php?q=criacao-site-seo&a
Cho đến nay tôi đang sử dụng absoluted yếu tố vị trí tốt để tạo ra 6 khuôn mặt nhưng tôi không có ý tưởng làm thế nào để làm cho nó xoay chỉ sử dụng CSS. Không JS, làm ơn!
Cảm ơn bạn rất nhiều
Điều này quá rộng. Và có rất nhiều hướng dẫn/ví dụ về nó http://cssdeck.com/labs/9avpkiv8vl http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-transforms/ http : //cssdeck.com/labs/simple-css3-3d-cube http://www.the-art-of-web.com/css/3d-transforms/#.UfHVDo3rwZw, v.v. –
CẢM ƠN QUÝ VỊ! Tôi nhìn rất nhiều trong các trang web của Brazil không thành công. Tiếng Anh của tôi là xấu đó là lý do tại sao tôi không tìm kiếm bằng tiếng Anh. Nhưng liên kết đầu tiên của bạn có một mẫu tuyệt vời! Cám ơn bạn một lần nữa. – amandanovaes
Hey Sir @Zeaklous Làm thế nào để đánh dấu bạn trả lời là câu trả lời cho vấn đề của tôi? Nó xuất hiện trong bình luận nên tôi không thể chọn của bạn! – amandanovaes