Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 개발회고
- 노마드코더
- Supabase
- 운세기록
- 감성웹사이트
- whispersofthestars
- 노개북
- niceselect사용법
- 타로엠비티아이
- select플러그인
- 개발자북클럽
- openai연동
- 4주차개발회고
- corser챌린지
- 타로기록웹
- 웹서비스개발기록
- 웹개발
- book_club
- 프론트앤드개발
- 프론트엔드
- plugin
- 타로프로젝트
- NextJs
- 프론트엔드사이드프로젝트
- 타로웹서비스
- jqueryplugin
- tailwindcss
- 타로기록웹앱
- openai기능
- 사이드프로젝트
Archives
- Today
- Total
목록프로그래밍/CSS (1)
ㅇㅅㅇ
[CSS] 텍스트, 이미지 반전 효과 css
최근에 효과에 관심이 많아져서 찾아보게 되었다. 이미지 혹은 텍스트가 겹칠 때 겹치는 부분이 반전효과로 구분되면 좋겠다 싶어서 찾아봤다. mix-blend-mode라는 혼합모드 설정하는 css를 사용하는 간단한 방법이 있었다. 많은 효과(?)가 있는데 그 중에서 나는 아래것을 사용해 봤다. mix-blend-mode: difference; 적용 전 적용후 (개인작업 중인 페이지에서 캡쳐해왔다.) 비교해보면 알겠지만 겹치는 부분끼리 혼합이 일어났다. (모질라 사이트에서 캡쳐해옴) mix-blend-mode는 여러 효과가 있으니 보고 필요한 효과를 사용하면 될 것 같다. 참고 : https://brunch.co.kr/@skykamja24/524 내가 찾던건 아니지만 알아두면 좋을 것 같아서 모아봤다. fil..
프로그래밍/CSS
2022. 6. 27. 14:34