Thuộc tính hỗn hợp CSS trộn-chế độ – tôi có thể sử dụng chế độ trộn-pha trộn không

Bạn đang xem : tôi có thể sử dụng chế độ pha trộn không

CSS

mix-blend-mode

Thuộc tính

Ví dụ

Một vùng chứa có nền màu đỏ và hình ảnh kết hợp với vùng chứa màu đỏ
(tối dần):

.container {
background-color: red;
}

.container img {
mix-Ble-mode: darken;
}

Hãy tự mình thử »

Các ví dụ khác về “Hãy tự mình thử” bên dưới.

Định nghĩa và Cách sử dụng

Thuộc tính mix-blend-mode chỉ định cách một
nội dung của phần tử phải kết hợp với nền gốc trực tiếp của nó.

Hiển thị bản trình diễn ❯

Giá trị mặc định:
thông thường

Thừa hưởng:
không

Hoạt hình:
không. Đọc về hoạt ảnh

Cú pháp JavaScript:
.style.mixBlendMode = “làm tối”
Hãy thử

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Tài sản

chế độ pha trộn
41.0
79.0
32.0
8.0
35.0

Cú pháp CSS

chế độ pha trộn: bình thường | nhân | màn hình | lớp phủ | làm tối | làm sáng | tránh màu | ghi màu | sự khác biệt | loại trừ | màu sắc | độ bão hòa | màu sắc | độ sáng;

Giá trị thuộc tính

Các ví dụ khác

Ví dụ

Một minh chứng về tất cả các giá trị:

.normal {mix-blend-mode: normal;}
.multiply {mix-blend-mode: multiple;}
.screen {mix-blend-mode: screen;}
.overlay {mix-blend-mode: overlay;}
.darken {mix-blend-mode: darken;}
. tráng men {mix-blend-mode: light;}
.color-dodge {mix-blend-mode: color-dodge;}
.color-burn {mix-blend-mode:
color-burn;}
.difference {mix-blend-mode: difference;}
.exclusion
{mix-blend-mode: Exclusive;}
.hue {mix-blend-mode: hue;}
.saturation
{mix-blend-mode: saturation;}
.color {mix-blend-mode: color;}
.luminosity {mix-blend-mode: luminosity;}

Hãy tự mình thử »

Ví dụ

Sử dụng chế độ kết hợp pha trộn để tạo văn bản cắt rời / loại trực tiếp:

.image-container {
background-image: url (“paris.jpg”);
background-size: cover;
position: relative;
height:
300px;
}

.text {
background-color: white;
color: black;
kích thước phông chữ: 10vw;
font-weight: bold;
margin: 0 auto;
padding: 10px;
width: 50%;
text-align: center;
vị trí: tuyệt đối;
trên cùng: 50%;
bên trái: 50%;
biến đổi: translate (-50%, -50%);
mix-Blend-mode: screen;
}

Hãy tự mình thử »

Các trang liên quan

Tham chiếu CSS: Thuộc tính CSS background-blend-mode


Xem thêm những thông tin liên quan đến chủ đề tôi có thể sử dụng chế độ trộn-pha trộn không

Bạo Chúa NGÔ ĐÌNH CẨN – Kẻ Pha Trộn HỔ LỐN Nhiều Tính Cách Và Cái Kết CỰC ĐẮNG!

  • Tác giả: CHÂN DUNG LỊCH SỬ
  • Ngày đăng: 2021-02-20
  • Đánh giá: 4 ⭐ ( 1732 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạo Chúa NGÔ ĐÌNH CẨN – Kẻ Pha Trộn HỔ LỐN Nhiều Tính Cách Và Cái Kết CỰC ĐẮNG!

    Hẳn là các bạn không quên dòng họ Ngô của gia đình Tổng thống Ngô Đình Diệm là một dòng họ vô cùng danh giá. Mỗi một người trong gia đình này đều có những tính cách khác nhau và trong đó có một nhân vật rất đặc biệt, người pha trộn “hổ lốn” nhiều tính cách, nhiều đặc trưng và cuộc đời đi đến một cái kết không hay. Đó chính là Ngô Đình Cẩn, em trai Ngô Đình Diệm – tổng thống đầu tiên của Việt Nam Cộng Hòa. Mời các bạn theo dõi video ngày hôm nay: Ngô Đình Cẩn – Bạo chúa miền Trung.

    0:00 | NGÔ ĐÌNH CẨN – BẠO CHÚA MIỀN TRUNG
    0:55 | Tiểu sử Ngô Đình Cẩn
    4:06 | Tội ác tày trời của “bạo chúa miền Trung” Ngô Đình Cẩn
    11:44 | Thú vui của “bạo chúa miền Trung” Ngô Đình Cẩn
    14:16 | Câu chuyện về giới tính
    14:54 | Chân tướng của kẻ tàn độc
    17:12 | Người có công chăm nuôi mẹ già
    18:15 | Cảm ơn các bạn đã quan tâm theo dõi

    —————–★★★★★—————–
    🚩 Cảm ơn các bạn đã ở đây!
    Nếu thấy hay các bạn hãy ủng hộ CHÂN DUNG LỊCH SỬ bằng cách like, comment và share, đừng quên đăng ký kênh để xem những video hấp dẫn tiếp theo nhé!
    —————–★★★★★—————–

    👉 Có thể bạn quan tâm:
    ► Ký Ức Hào Hùng Về Cuộc Tổng Tiến Công Và Nổi Dậy Xuân Mậu Thân 1968: https://youtu.be/9QnuYM4qd20
    ► Địa Đạo Củ Chi – Thành Phố CHÔN GIẶC Dưới Lòng Đất: https://youtu.be/7nbcJedIEUA
    ► Hạ Hạm Đội Mỹ Trong 17 Phút – Binh Chủng PKKQ Việt Nam LỢI HẠI Cỡ Nào: https://youtu.be/Ylb2RfDvMQ8
    —————–★★★★★—————–

    👉 Danh Sách Videos Trên CHÂN DUNG LỊCH SỬ:
    ► Tóm Tắt Lịch Sử Việt Nam: https://soc.yt/lichsuvietnam
    ► Lịch Sử Việt Nam Qua Các Thời Kỳ: https://soc.yt/lsvncacthoiky
    ► Dòng Chảy Lịch Sử: https://soc.yt/dongchaylichsu
    ► Lịch Sử Âu Lạc: https://soc.yt/lichsuaulac
    ► Anh Hùng Dân Tộc: https://soc.yt/anhhungdantoc
    —————–★★★★★—————–

    🔥 Theo Dõi Chân Dung Lịch Sử:
    ► Đăng Ký Kênh tại đây: https://www.youtube.com/chandunglichsu?sub_confirmation=1
    ► Fanpage: https://www.fb.com/chandunglichsu
    ► Website: https://chandung.lichsu.tv
    —————–★★★★★—————–
    👉 Những Người Thực Hiện:
    ► Biên tập nội dung: Thu Hoài.
    ► Dẫn chương trình: Hoàng Nga.
    ► Audio chính: Phương Anh.
    —————–★★★★★—————–
    Tất cả video trên kênh Chân Dung Lịch Sử đều theo:
    – Chính sách Youtube (https://www.youtube.com/static?template=terms)
    – Luật bản quyền (https://www.youtube.com/intl/vi/yt/about/copyright)
    – Sử dụng hợp lý (https://www.youtube.com/intl/vi/yt/about/copyright/fair-use)

    Chân Dung Lịch Sử và tất cả các video trên kênh đều thuộc sở hữu của SocMedia, xin vui lòng không re-upload dưới mọi hình thức. Mọi thắc mắc về bản quyền, tài trợ, quảng cáo, cộng tác vui lòng liên hệ email: brand@socmedia.tv.

    Please contact brand@socmedia.tv for copyright matters!

    chandunglichsu, chândunglịchsử, lịchsửviệtnam, lichsuvietnam, lịchsử, lichsu

Kem trộn trắng da và những điều cần biết

  • Tác giả: www.vinmec.com
  • Đánh giá: 5 ⭐ ( 8538 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thực tế hiện nay có rất nhiều người đang sử dụng các loại kem trộn trắng da cấp tốc nhằm mong muốn cải thiện làn da của mình mà không tìm hiểu rõ về nguồn gốc cũng như hoạt động của các loại kem này. Việc phân tích rõ cơ chế bào mòn của da và tác hại của việc sử dụng kem trộn sẽ giúp người tiêu dùng tránh được những hậu quả đáng tiếc.

Những Sai Lầm Thường Gặp √ Mới

  • Tác giả: tktfloor.com
  • Đánh giá: 5 ⭐ ( 3555 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: TKT Floor hướng dẫn Cách Pha Trộn Sơn Epoxy ✔️ Pha tỉ lệ thành phần ✔️ Quy trình trộn sơn Epoxy ✔️ Những sai lầm thường gặp khi trộn sơn 2 thành phần

Chế độ hoà trộn, Sử dụng hoà trộn Blending Mode trong Illustrator

  • Tác giả: halongpearl.vn
  • Đánh giá: 4 ⭐ ( 3437 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Tổng hợp về các chế độ pha trộn (blending mode) trong Photoshop

  • Tác giả: vietdesigner.net
  • Đánh giá: 4 ⭐ ( 1089 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn có thể hiểu đơn giản Layer trong Photoshop là một chồng giấy trong suốt, một phần hay tất cả, tờ này xếp lên trên tờ kia để tạo thành tấm hình thành phẩm. Ngoài những Layer “bình thường”, Photoshop còn cung cấp cho chúng ta những layer “đặc biệt” mà chúng có thể ảnh hưởng tới những layer ở bên dưới nó.

Hướng dẫn pha trộn và sử dụng vữa trong xây dựng

  • Tác giả: thinghiemvlxd24h.com
  • Đánh giá: 5 ⭐ ( 7361 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Để có được chất liệu vữa trong xây dựng đảm bảo chất lượng và đúng tiêu chuẩn, bạn cần biết cách pha trộn và sử dụng vữa đúng mục đích cho…

Cách sử dụng các chế độ Blending Mode trong Photoshop

  • Tác giả: duhocmyau.edu.vn
  • Đánh giá: 3 ⭐ ( 3349 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Mô-đun datetime trong Python - ngày giờ trong python