34
4
我有以下代码:CSS:
Trung tâm cá nhân
Bài viết phát hành
từ bỏ.wrapper {
margin:80px auto;
width:300px;
border:none;
}
.square {
width:300px;
height:300px;
background-color:red;
transform-origin:0% 0%;
position:relative;
left:0px;
}
.square:hover{
transform:rotate(45deg) translateX(200px);
transition: transform 5s ease-in-out 0s;
}
和 HTML:
预期的转变:一个方 block 向右移动，只要它一次全部旋转。
实际结果:方形平移旋转时的某种圆形路径。
然而，我在将 :hover 伪类更改为时实现了预期的转换:
transform:rotate(90deg);
left:400px;
transition: left 5s,transform 5s;
所以不是翻译，而是通过bên trái属性进行移动
我的问题是:为什么我不能通过 left 属性获得与使用 TranslateX 相同的结果？
1 Câu trả lời
关于css - 为什么不同的 CSS3 旋转 + 平移 vs 旋转 + 左，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21460864/
34
4
0
Tôi có một tệp css có tên là main.css và một tệp khác có tên là style.css. Tôi có thể thực hiện điều này trong main.css như thế nào? .someClass { //áp dụng các quy tắc cho
Trước khi cập nhật css, tôi đã có nội dung sau trong Login.css: body { background-image: url('./pictures/fond.png'); background-image:
Tôi gặp xung đột css giữa css cốt lõi của Share Point 2013 và css của tôi. Vì vậy, tôi muốn đặt tất cả các lớp của mình dưới div #s4-workspace nhưng tôi đã tìm cách để nhóm tất cả các lớp dưới đây
Tôi biết rằng bạn có thể ghi đè các thuộc tính CSS mà một trang jsp kế thừa từ một tệp CSS có trong jsp (tức là tệp CSS toàn cục). Nhưng nếu có một thuộc tính trong một phần tử làm hỏng một trang cụ thể và tôi không muốn sử dụng nó trong trang đó chỉ bằng cách sử dụng CSS nội tuyến thì sao?
Tôi vừa phát hiện ra thuộc tính meta initial-scale. Trước đây, tôi đã sử dụng default.css để xác định tất cả các kiểu dáng và kích thước (cho phông chữ và thành phần) để chúng hiển thị tốt trên màn hình máy tính để bàn. Sau đó, nếu bạn đang sử dụng
Tôi đang cố gắng sử dụng LESS CSS để viết CSS của mình. Tôi đã nhập các tệp style.less và less.js theo thứ tự đó. Bây giờ tôi muốn trích xuất mã CSS được tạo bởi LESS. Có cách nào để thực hiện việc này không? Tôi không muốn sử dụng một tập lệnh
Tôi muốn biết liệu có phần mềm nào có thể đọc được tài liệu HTML có nhiều kiểu nội tuyến và chuyển đổi tất cả các kiểu đó thành tệp css bên ngoài không. Nếu chỉ có một trang thì tôi có thể làm thủ công. Nhưng có tới 100 trang. Có ai có ý tưởng gì không? Câu trả lời tốt nhất là như ai đó đã nói, "
Khi tôi muốn di chuyển từ Styled Components sang CSS Modules, vấn đề sau đã phát sinh. Giả sử tôi có thành phần theo kiểu sau đây chấp nhận một tham số bù động và một chủ đề chuỗi CSS động:
Có cách nào để định nghĩa một lớp CSS bằng với một lớp khác không? Ví dụ, nếu tôi có một lớp: .myClass{ background-color: blue; } Có cách nào để định nghĩa một lớp thứ hai có cùng tên với myClass không?
Tôi đang cố gắng tạo một nhóm các nút dính vào cuối trang và được phân tách bằng một khoảng cách cố định. Tôi đang sử dụng lệnh ng-repeat của angularJS để lấy dữ liệu thông qua yêu cầu ajax, sau đó tôi sử dụng lệnh này để hiển thị các nút. Vấn đề của tôi là
Trình duyệt có phân tích cú pháp CSS khi tải tệp CSS không? Hay nó sẽ được phân tích cú pháp sau khi toàn bộ tệp CSS đã được trình duyệt tải xuống? Có sự khác biệt nào trong cách thực hiện điều này của các trình duyệt khác nhau không? Tôi có thể tìm thấy thông tin cấp thấp này ở đâu? Vấn đề này không phải là Tải và thực thi
Câu hỏi này đã có câu trả lời tại đây: Một lớp CSS có thể kế thừa một hoặc nhiều lớp khác không? (29 câu trả lời) Đã đóng 3 năm trước. Tiêu đề có vẻ hơi khó hiểu, để tôi giải thích cho bạn nhé. Giả mạo
Tôi đang gặp phải vấn đề kỳ lạ nhất... Ở dạng đơn giản nhất, tôi có một tệp index.html có nội dung sau: (Tôi đã giảm đáng kể kích thước tệp này trong quá trình cố gắng xác định nguyên nhân gốc rễ) Khi tôi xem mã nguồn của trang, tôi nhận được thông báo sau:
Tôi đang sử dụng Mindscape Workbench để thu nhỏ các tệp scss của mình. Các trang của tôi được thiết lập để sử dụng tệp *.min.css. Vào những thời điểm ngẫu nhiên, các tệp min không được công bố cùng với phần còn lại của hệ thống. Tôi có rất nhiều css
Vui lòng cho tôi biết sự khác biệt giữa CSS framework và CSS grid. Câu trả lời tốt nhất là một khung CSS cũng có thể là một khung lưới CSS. CSS Grid Framework được sử dụng để xây dựng bố cục CSS. Có một số khung có những công dụng khác ngoài việc xây dựng bố cục, chẳng hạn như Hartija
Tôi có file original.css mà tôi không thể xóa hoặc thay đổi khỏi trang. Bảng .css gốc { border-collapse: thu gọn; border-spacing: 0;
Trước đây tôi vẫn sử dụng bootstrap css import tốt. Nhưng tôi đang cố gắng sử dụng Mô-đun CSS, vì vậy tôi đã thêm một vài dòng. { kiểm tra: /\.css$/, sử dụng:
Có cách nào để tạo nhóm css trong bộ chọn css không? Ví dụ: .SectionHeader { include: .foo; include: .bar; include: .
Hôm nay tôi đã học hai khái niệm trong CSS, một là định vị CSS (tĩnh, tương đối, tuyệt đối, cố định) và khái niệm còn lại là CSS Margin, định nghĩa khoảng cách giữa các phần tử. Giả sử tôi muốn di chuyển một phần tử, đây có phải là cách tốt nhất không? Bởi vì hai khái niệm này có vẻ như
var paths = { css: './public/apps/user/**/*.css' } var dest = { css: './public/apps/user/css/' } /
Tôi là một lập trình viên xuất sắc, rất giỏi!