Câu hỏi được gắn thẻ «css-transforms»

Sử dụng CSS, làm thế nào tôi có thể áp dụng nhiều hơn một transform? Ví dụ: Trong các phần sau, chỉ áp dụng bản dịch, không phải xoay. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

604 css  css-transforms 

Tôi có một tình huống trong đó, trong các trường hợp CSS bình thường, một div cố định sẽ được định vị chính xác nơi nó được chỉ định ( top:0px, left:0px). Điều này dường như không được tôn trọng nếu tôi có cha mẹ có biến đổi transl3d. Tôi …

140 html  css  css-position  css-transforms 

Giả sử tôi có một vài cột, trong đó một số cột tôi muốn xoay các giá trị của: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> Với CSS này: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; …

119 css  css-transforms 

Tôi đang gặp một số vấn đề khi xoay và định vị một dòng văn bản. Bây giờ nó chỉ là vị trí hoạt động. Việc xoay cũng hoạt động, nhưng chỉ khi tôi tắt định vị. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } Html chỉ …

86 css  webkit  transform  css-transforms 

Tôi đang sử dụng chuyển tiếp CSS để chuyển đổi giữa các trạng thái được chuyển đổi CSS (về cơ bản là chuyển đổi quy mô của một phần tử). Tôi nhận thấy rằng khi phần tử đang chuyển đổi, phần còn lại của văn bản trên trang (trong Webkit) …

81 css  webkit  css-transitions  css-transforms 

Làm thế nào để kết hợp rotateX(50deg) rotateY(20deg) rotateZ(15deg)trong tốc ký rotate3d()?

79 css  css-transforms 

Tôi đang cố gắng tạo một hoạt hình kiểu tàu lượn siêu tốc bằng CSS. Tôi muốn biết làm thế nào để uốn cong "coaster" khi nó ở giai đoạn vòng lặp. Tôi đang tìm kiếm một giải pháp tất cả CSS nhưng nếu cần một chút JavaScript thì tôi …

15 html  css  css-animations  css-transforms