26
4
Tôi đang cố gắng sử dụng hoạt ảnh css để tạo hiệu ứng thay đổi từ lớp này sang lớp khác. Ý tưởng cơ bản là tạo hiệu ứng cho một thanh trượt trượt từ cạnh này sang cạnh khác khi người dùng nhấp vào nút.
Mã của tôi cho đến nay. https://jsfiddle.net/b5sqvrpz/
Trung tâm cá nhân
Điều phát hành
từ bỏ.verticalcontainer
{
width: 100%;
hiển thị:flex;
hướng linh hoạt: hàng;
căn chỉnh các mục: giữa;
biện minh-nội dung: trung tâm;
}
#pwrbtn.off:sau
{
display:block;
chiều cao: 100%;
nội dung: "■";
color: blue;
position: relative;
trái: -53%;
-webkit-transition: tất cả 1s tuyến tính;
-moz-transition: tất cả 1s tuyến tính;
-o-transition: tất cả 1s tuyến tính;
chuyển đổi: tất cả các chuyển đổi tuyến tính 1;
}
#pwrbtn.on:sau
{
display:block;
chiều cao: 100%;
nội dung: "■";
color: blue;
position: relative;
phải: -53%;
-webkit-transition: tất cả 1s tuyến tính;
-moz-transition: tất cả 1s tuyến tính;
-o-transition: tất cả 1s tuyến tính;
chuyển đổi: tất cả các chuyển đổi tuyến tính 1;
}
câu trả lời hay nhất
Bạn không cần 2 lớp cho việc này, vì lớp "đóng" chỉ có thể là kiểu mặc định. Ngoài ra, bạn sẽ muốn sử dụng bên trái Nhắm mục tiêu, bởi vì bạn không thể nhắm mục tiêu bên trái đến right Những thay đổi là hoạt hình. Cuối cùng, bạn có thể đơn giản hóa CSS của mình rất nhiều vì nếu các quy tắc CSS không thay đổi, bạn không cần phải lặp lại chúng. Vì vậy, đối với trạng thái "bật", bạn chỉ cần xác định mớibên tráiVị trí:
$(function() {
$('button').click(function() {
$(this).toggleClass('on');
});
});.verticalcontainer {
width: 100%;
hiển thị:flex;
hướng linh hoạt: hàng;
căn chỉnh các mục: giữa;
biện minh-nội dung: trung tâm;
}
#pwrbtn:sau {
display:block;
chiều cao: 100%;
nội dung: "■";
color: blue;
position: relative;
trái: -53%;
-webkit-transition: tất cả 1s tuyến tính;
-moz-transition: tất cả 1s tuyến tính;
-o-transition: tất cả 1s tuyến tính;
chuyển đổi: tất cả các chuyển đổi tuyến tính 1;
}
#pwrbtn.on:sau {
trái:53%;
}
Tắt
Bật
Về việc thay đổi hoạt ảnh CSS từ lớp này sang lớp khác::Sau đó, chúng tôi tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/44809201/
26
4
0
Này các bạn. Một số cách phổ biến để đạt được các thay đổi nền (về cơ bản là trình chiếu) và hiệu ứng chuyển tiếp là gì. Thỉnh thoảng tôi muốn thay đổi nền tài liệu hoàn chỉnh. Tôi là nhà phát triển ASP.net và muốn hầu hết mọi thứ được triển khai trong ASP.
Có thể, con trỏ đã được sửa đổi trong quá trình trỏ đến auto_ptr và con trỏ thông thường tới Unique_ptr và Shared_ptr. Tôi chỉ muốn biết liệu loại con trỏ mới đã được phát triển có ghi đè hoàn toàn lên phiên bản cũ hay không (hoặc có thể bạn nghĩ rằng có một phiên bản cũ). vấn đề rò rỉ bộ nhớ
Tôi sử dụng Android Studio để xây dựng ứng dụng Android. Vấn đề của tôi là: khi đoạn thay đổi, ứng dụng gặp sự cố. Đầu ra bàn điều khiển [bàn điều khiển] 01-06 18:35:21.952 27756-
****Làm rõ** Tôi đã tạo [Fiddle] này (http://jsfiddle.net/sggPv/10/) để giúp làm rõ tình hình. Tập lệnh ban đầu hoạt động cho cả hai bảng, nhưng sau đó khi bạn nhấp vào thanh trượt và thêm bảng mới
Tôi có biểu tượng, nhấp vào biểu tượng đó sẽ thêm div(cột) mới vào vùng chứa div. Vấn đề là khi một div (cột) mới xuất hiện, các nút không di chuyển sang phải. Có thể bằng cách nào đó thêm vị trí: cố định chỉ trong div không? Đây là một số màn hình của tôi
Tôi mới sử dụng Java và kế thừa một ứng dụng Android hiện có. Các nhà phát triển ban đầu đã chọn sử dụng giao diện cố định. Vấn đề của tôi là tôi cần thay đổi một số hằng số này để biên dịch ứng dụng sản xuất so với ứng dụng phát triển. Nếu tôi sửa đổi thủ công một số
Trong Tài liệu dành cho nhà phát triển Apple, tôi đã khám phá ra điều gì đó mới mẻ về UIColor. Nếu ứng dụng của bạn được liên kết trên hoặc sau iOS 10 và khi nào
Tôi không sử dụng ShareKit nhiều nhưng tôi chỉ muốn có ba tùy chọn chia sẻ: Facebook, Twitter và email. ShareKit cung cấp nhiều tùy chọn hơn, bao gồm nhiều nút hơn. Tuy nhiên, tôi không muốn tùy chọn "thêm", chỉ có ba. hiện hữu
Tôi đang xây dựng một thư viện JS và một trong những trường hợp sử dụng yêu cầu tôi kích hoạt một sự kiện khi DOM thay đổi, cụ thể nếu đó là một ứng dụng một trang như: thanh tìm kiếm github Sau một số nghiên cứu, tôi đã tìm thấy MutationObserv
Tôi đã cố gắng viết mã để phát hiện các thay đổi giá trị cho một ô cụ thể trong bất kỳ trang tính nào, nhưng tôi đang gặp khó khăn trong việc xây dựng thứ gì đó có thể phát hiện và theo dõi các thay đổi trong phạm vi (giá trị). Ví dụ: nếu người dùng quyết định sao chép và dán một phạm vi dữ liệu (giả sử nhiều hơn 1 ô), macro sẽ không bắt được dữ liệu đó.
Chúng ta có thể kiểm soát được bao nhiêu mức âm thanh bằng ffmpeg? Ví dụ: tôi muốn ánh xạ hình chữ "M" trên dòng thời gian của chương trình: t0 - t1 : mờ dần từ 0 đến 1 t1 - t2 : play at fu
Sử dụng jQuery 1.7.1, tôi đang cố gắng tạo một trình xử lý sự kiện cho sự kiện thay đổi trên danh sách thả xuống. Danh sách thả xuống được thêm động vào DOM. Có vẻ như hoạt động tốt trên hầu hết các trình duyệt, nhưng lạ lùng thay IE8 lại muốn gặp khó khăn. Có một giải pháp
Tôi muốn thực hiện điều khiển tùy chỉnh với kích thước đường viền có thể chọn. Xem mã bên dưới. Đường viền được vẽ trong khu vực không phải của khách hàng và có thể rộng 0, 1 hoặc 2 pixel. Tôi đã vẽ thành công đường viền trong WM_NCPAINT. Vấn đề là khi thay đổi thuộc tính kiểm soát kích thước đường viền
Tôi biết câu hỏi này đã được hỏi trước đây và tôi thực sự đã tìm thấy một số giải pháp mà tôi đã triển khai. Thật không may, tôi đã không đạt được điều mình mong muốn. Tôi chưa từng làm AngularJS trước đây và điều tôi muốn làm là: Phát hiện khi URL thay đổi dựa trên những gì URL đã thay đổi
Tôi có một lệnh tự động quay vòng lặp qua các phần tử con của phần tử được liên kết. Tuy nhiên, các phần tử con vẫn chưa được tải vào DOM vì biểu thức ng-if của chúng vẫn chưa được giải quyết. Làm cách nào để đảm bảo rằng lệnh gốc biết rằng cây DOM của nó đã thay đổi?
Tôi có một quy trình lấy dữ liệu từ cơ sở dữ liệu thông qua nhà cung cấp nội dung. getDataFlow() thú vị: Flow { return flow { phát ra (Result.Loading)
Tôi có một số mã hoạt động nhưng đôi khi nó chỉ "nhảy" sang văn bản khác mà không tính đến khoảng cách. Về cơ bản, mã thay đổi văn bản của tiêu đề theo từng khoảng thời gian. var text = ["text1", "text2", "text3","text4","
Tôi đang cố gắng thêm trình nghe onCLick vào công tắc trên PreferenceScreen của mình nhưng nó không hoạt động. Tôi đã thử mã từ hướng dẫn Java và chuyển đổi nó thành Kotlin nhưng vì lý do nào đó nó không hoạt động. cái này
Chúng tôi hiện đang cố gắng nâng cấp phiên bản ffmpeg mà chương trình của chúng tôi sử dụng. Đó là một bước nhảy vọt vì chúng tôi hiện đang sử dụng ffmpeg 0.8 và phiên bản mới nhất là 1.2. Trong các thử nghiệm này, tôi đang sử dụng (để tôi nói) gói tuyệt vời mà tôi đã tìm thấy
Tôi có một quy trình lấy dữ liệu từ cơ sở dữ liệu thông qua nhà cung cấp nội dung. getDataFlow() thú vị: Flow { return flow { phát ra (Result.Loading)
Tôi là một lập trình viên xuất sắc, rất giỏi!