일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 프로그래머스
- 알고리즘
- 백준
- BFS
- 재귀
- css #웹 #생활코딩
- 백준 #파이썬 #알고리즘 #코딩테스트
- react #리액트 #동빈나
- PYTHON
- dp
- java #자바
- java #자바 #나동빈
- java #자바 #생활코딩
- 백준 #알고리즘 #파이썬 #코딩테스트
- 다이나믹프로그래밍
- css #생활코딩 #웹
- react #리액트 #동빈나 #나동빈 #유튜브강의
- 자바 #java
- 코딩테스트
- 파이썬
- 파이썬 #알고리즘 #코딩테스트 #프로그래머스
- 프로그래머스 #파이썬 #알고리즘 #코딩테스트
- DFS
- Dijkstra
- java #자바 #동빈나
- 다익스트라
- 파이썬 #백준 #알고리즘 #코딩테스트
- 투포인터
- 프로그래머스 #파이썬 #코딩테스트 #알고리즘
- 백트랙킹
Archives
- Today
- Total
커리까지
[생활코딩] CSS 수업 - blend 3 : mix-blend-mode 본문
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
- 블랜드를 주고 싶은 이미지와 요소를 섞는 것
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 |
Comments