CSS : nth child , mix blend mode - quasar529/VanilaJS_projects GitHub Wiki
νμ μ¬μ΄μμμ μμμ λ°λΌ μμλ₯Ό μ ν EX)
/* λͺ©λ‘μ λ λ²μ§Έ <li> μ ν */
li:nth-child(2) {
color: lime;
}
/* μμμ κ·Έλ£Ήμμ λ€ λ²μ§Έμ μμΉνλ λͺ¨λ μμ μ ν */
:nth-child(4n) {
color: lime;
}
Text-Portrait μμ
.container img:nth-child(2){
mix-blend-mode: multiply;
}
λ‘ μΌκ΅΄μ μμμ§ text νμΌμ μ ννλλ° μ¬μ©
mix-blend-mode = μ΄λ μμμ μ½ν μΈ κ° μμ μ λ°°κ²½ λ° λΆλͺ¨μ μ΄λ»κ² νΌν©λμ΄μΌ νλμ§ μ§μ
multiply= the element is multiplied by the background and replaces the background color. The resulting color is always as dark as the background.