Hàm invert[]
CSS đảo ngược các mẫu màu trong hình ảnh đầu vào. Kết quả của nó là _______110.invert[]
CSS function inverts the color samples in the input image. Its result is a
0.invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
Thử nó
Cú pháp
Thông số
invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
1Số lượng chuyển đổi, cụ thể là _______12 hoặc _______13. Giá trị của
invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
4 được đảo ngược hoàn toàn, trong khi giá trị của invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
5 để lại đầu vào không thay đổi. Các giá trị giữa invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
5 và invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
4 là số nhân tuyến tính trên hiệu ứng. Giá trị ban đầu cho phép nội suy là _______18.Ví dụ
Ví dụ về các giá trị chính xác cho đảo ngược []
invert[0] /* No effect */
invert[.6] /* 60% inversion */
invert[100%] /* Completely inverted */
Đặc biệt
Hiệu ứng bộ lọc Cấp 2 # Mô-đun I-Invert bộ lọc FuncDef # funcdef-filter-invert |
TÍNH TƯƠNG THÍCH CỦA TRÌNH DUYỆT WEB
Bảng BCD chỉ tải trong trình duyệt
Xem thêm
Hàm CSS ________ cho phép đảo ngược màu sắc của hình ảnh. Giá trị thu được từ hàm này là loại
0.invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
invert[]
permet d'inverser les couleurs de l'image. La valeur obtenue par cette fonction est de type
0.invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
Ví dụ tương tác
Cú pháp
Cài đặt
img {
-webkit-filter: invert[1];
filter: invert[1];
}
1Cường độ chuyển đổi, được biểu thị dưới dạng số [
invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
2] hoặc tỷ lệ phần trăm [invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
3]. Với _______14, các màu sẽ được đảo ngược hoàn toàn [nó sẽ là một âm của hình ảnh gốc]. Giá trị của invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
5 sẽ không thay đổi hình ảnh. Giá trị trung gian sẽ có tác dụng tỷ lệ. Trong quá trình nội suy, giá trị được sử dụng theo mặc định là ___18.Ví dụ
Ví dụ về các giá trị chính xác cho đảo ngược []
invert[0]; /* Aucun effet */
invert[.6]; /* Inversion à 60% */
invert[100%]; /* Négatif de l'image originale */
Thông số kỹ thuật
Hiệu ứng bộ lọc Cấp 2 # Mô-đun I-Invert bộ lọc FuncDef # funcdef-filter-invert |
Khả năng tương thích của trình duyệt
Bảng BCD chỉ tải trong trình duyệt
Xem là tốt
81
Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.
Làm thế nào để tôi đảo ngược màu của một hình ảnh [jpg/png ..] trong CSS nếu có thể hoặc javascript?
Các câu hỏi liên quan trước đây không cung cấp đủ chi tiết.
Đã hỏi ngày 10 tháng 11 năm 2012 lúc 20:27Nov 10, 2012 at 20:27
LaggingReflexLaggingReflexlaggingreflex
31K33 Huy hiệu vàng132 Huy hiệu bạc184 Huy hiệu đồng33 gold badges132 silver badges184 bronze badges
1
CSS3 có một thuộc tính bộ lọc mới sẽ chỉ hoạt động trong các trình duyệt WebKit được hỗ trợ trong các trình duyệt WebKit và trong Firefox. Nó không có sự hỗ trợ trong IE hoặc opera mini:
img {
-webkit-filter: invert[1];
filter: invert[1];
}
Đã trả lời ngày 10 tháng 11 năm 2012 lúc 20:30Nov 10, 2012 at 20:30
5
Có thể được thực hiện trong các Broswers mới bằng cách sử dụng mã bên dưới
.img {
-webkit-filter:invert[100%];
filter:progid:DXImageTransform.Microsoft.BasicImage[invert='1'];
}
Tuy nhiên, nếu bạn muốn nó hoạt động trên tất cả các trình duyệt, bạn cần sử dụng JavaScript. Một cái gì đó như ý chính này sẽ làm công việc.
Thích nghi
Phim thương hiệu vàng 3.5821 Huy hiệu bạc23 Huy hiệu đồng1 gold badge23 silver badges26 bronze badges
Đã trả lời ngày 9 tháng 4 năm 2015 lúc 11:59Apr 9, 2015 at 11:59
KareemkareemKareem
4.71540 Huy hiệu bạc35 Huy hiệu Đồng40 silver badges35 bronze badges
Bạn có thể áp dụng phong cách thông qua JavaScript. Đây là mã JS bên dưới áp dụng bộ lọc cho hình ảnh với ID Theimage.
function invert[]{
document.getElementById["theImage"].style.filter="invert[100%]";
}
Và đây là
Bây giờ tất cả những gì bạn cần làm là gọi rid [] Chúng tôi làm điều này khi hình ảnh được nhấp.
function invert[]{
document.getElementById["theImage"].style.filter="invert[100%]";
}
Click image to invert
Chúng tôi sử dụng điều này trên trang web của chúng tôi
Đã trả lời ngày 6 tháng 3 năm 2017 lúc 12:05Mar 6, 2017 at 12:05
Sabba Keynejadsabba KeynejadSabba Keynejad
7.2492 Huy hiệu vàng24 Huy hiệu bạc22 Huy hiệu đồng2 gold badges24 silver badges22 bronze badges
Để đảo ngược từ 0 đến 1 và trở lại, bạn có thể sử dụng gián đoạn thư viện này, cung cấp hỗ trợ cho IE 10. Tôi cũng đã thử nghiệm với IE 11 và nó sẽ hoạt động.
Đã trả lời ngày 4 tháng 7 năm 2016 lúc 9:08Jul 4, 2016 at 9:08
Omalyutinomalyutinomalyutin
4318 Huy hiệu bạc21 Huy hiệu đồng8 silver badges21 bronze badges