250x250
Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

커리까지

[생활코딩] CSS 수업 - blend 3 : mix-blend-mode 본문

CSS

[생활코딩] CSS 수업 - blend 3 : mix-blend-mode

목표는 커리 2021. 4. 5. 04:35
728x90
SMALL
<!doctype>
<html>
<head>
<style>
    body{
        background-image: url(https://img.hankyung.com/photo/201910/AKR20191001176700005_03_i.jpg);
        background-repeat: no-repeat;
    }
    .blend{
        font-size: 2rem;
        font-weight: bold;
        color: red;
        mix-blend-mode: screen;
    }
    </style>
    </head>
    <body>
        <div class='blend'>
            <h1>Blend is awesome!</h1>
        </div>
    </body>
</html>
  • mix-blend-mode
    • 블랜드를 주고 싶은 이미지와 요소를 섞는 것

45

728x90
LIST
저작자표시

'CSS' 카테고리의 다른 글

[생활코딩] CSS 수업 - transform 1 : 소개  (0) 2021.04.06
[생활코딩] CSS 수업 - blend 2 : background-blend-mode  (0) 2021.04.02
[생활코딩] CSS 수업 - blend 1 : 소개  (0) 2021.04.01
[생활코딩] CSS 수업 - filter  (0) 2021.03.31
[생활코딩] CSS 수업 - 배경  (0) 2021.03.30
'CSS' Related Articles more
Comments