html - Lăng kính góc thẳng hình tròn trong CSS

In lại Tác giả: Hồ Xil Thời gian cập nhật: 2023-11-01 13:50:32 25 4

.cube {
  trên cùng: 100px;
  trái: 100px;
  position: relative;
  kiểu biến đổi: bảo tồn-3d;
  biến đổi: xoayX (30 độ) xoay Y (-45 độ);
}

.left, .right, .front, .top, .back, .bottom {
  position: absolute;
}

.trái, .phải {
  nền: #06a;
  chiều rộng: 150px;
  chiều cao: 150px;
}

.front, .back {
  nền: #048;
  chiều rộng: 300px;
  chiều cao: 150px;
}

.top, .bottom {
  nền: #08c;
  bán kính đường viền: 30px;
  chiều rộng: 300px;
  chiều cao: 150px;
}

.đằng trước {
  z-index: 2;
}

.đứng đầu {
  nguồn gốc biến đổi: 0% 100%;
  biến đổi: dịchY(-150px) RotaX(-90deg);
  z-index: 2;
}

.bên trái {
  nguồn gốc biến đổi: 100% 100%;
  biến đổi: dịchX (-150px) xoayY (90deg);
  z-index: 2;
}

.Phải {
  nguồn gốc biến đổi: 0% 0%;
  biến đổi: dịchX (300px) xoayY (-90deg);
}

.mặt sau {
  biến đổi: dịchZ(150px);
}

.đáy {
  nguồn gốc biến đổi: 0% 0%;
  biến đổi: dịchY (150px) xoayX (90deg);
}

.trái, .phải {
  nền: #06a;
  bán kính đường viền: 30px;
  chiều rộng: 150px;
  chiều cao: 150px;
}

.front, .back {
  nền: #048;
  bán kính đường viền: 30px;
  chiều rộng: 300px;
  chiều cao: 150px;
}

25 4 0

• javascript - Chuyển đổi giữa tọa độ hình chữ nhật và tọa độ hình cầu

  Tôi cần chuyển đổi giữa tọa độ Descartes và tọa độ cầu trong JavaScript. Tôi duyệt các diễn đàn và không tìm thấy những gì tôi đang tìm kiếm. Bây giờ tôi có cái này: this.rho = sqrt((x*x) + (y*y) + (z*

• Phép biến đổi ma trận 3d css3 hình thang thẳng góc

  Có ma trận3d nào có thể biến hình chữ nhật thành hình thang như thế này không? Tôi biết rằng các phép biến đổi ma trận 2d thông thường chỉ có thể kết thúc bằng hình bình hành, vì bạn chỉ có thể nghiêng và xoay một cách hiệu quả. div { chiều rộng: 300px chiều cao:

• d3.j Trộn cây xuyên tâm với cây liên kết (thẳng)

  Về ví dụ này (nút cây hướng tâm d3.j liên kết các kích thước khác nhau), tôi muốn biết liệu có thể kết hợp cây hướng tâm và cây tuyến tính trong d3.js hay không. Đối với ví dụ jsFiddle của tôi: htt

• Tại sao các dấu ngoặc nhọn thẳng (>) không được căn chỉnh theo chiều dọc?

  Tôi đã cố gắng viết tiêu đề tốt nhất có thể, nhưng tôi không chắc làm thế nào để mô tả chính xác những gì đang diễn ra ở đây, vì vậy vui lòng sửa cho tôi. Tôi muốn sử dụng › dấu ngoặc nhọn góc thẳng (>) thay vì > dấu ngoặc kép góc thẳng (>), mặc dù ký tự › ngắn hơn >

• html - Lăng kính góc thẳng hình tròn trong CSS

  Tôi đang cố gắng sử dụng CSS để tạo một hình lăng trụ hình chữ nhật có các cạnh được bo tròn như trong hình bên dưới. Cho đến nay tôi đã chỉ định bán kính đường viền trên và dưới. Vấn đề là tôi không biết làm thế nào để cạnh trái và phải của cạnh kia cong vào trong. Vì vậy, không nên có

• R+ Shiny Cái búa nào? Bảng điều khiển thẳng, sáng bóng hay bảng điều khiển sáng bóng?

  đóng cửa. Câu hỏi này dựa trên ý kiến. Câu trả lời không được chấp nhận vào thời điểm này. Bạn muốn cải thiện câu hỏi này? Cập nhật câu hỏi để việc chỉnh sửa bài đăng này có thể trả lời nó bằng sự thật và trích dẫn. . đã đóng cửa vào năm ngoái. Cộng đồng đã xem xét lại vào năm ngoái liệu có nên tái

• html - Ba hình dạng góc trên/thẳng với văn bản CSS

  Đầu tiên, tôi mới bắt đầu học HTML và CSS. Tôi muốn sử dụng mã này như thế nào: https://codepen.io/martinjkelly/pen/vEOBvL .container { width: