nao3ob
10,000+ Views

[css] mix-blend-mode 효과

기본소스 정리

mix-blend-mode: 입력값 ;
◈ normal
◈ multiply;
◈ screen;
◈ overlay;
◈ darken;
◈ lighten;
◈ dolor-dodge;
◈ color-burn;
◈ hard-light;
◈ soft-light;
◈ difference;
◈ exclusion;
◈ hue;
◈ saturation;
◈ color;
◈ luminosity;
◈ initial;
◈ inherit;
◈ unset;
세상좋아졌네요 ㅎㅎ
html 5 / css3 정말 넘나 사랑하는것 ! 기본이미지는 PNG 입니다.
<div>
<img style="mix-blend-mode:내용값;" src="이미지.png">
</div>
이미지에 효과를 주었습니다. 포토샵에서 많이 볼 수 있는 효과죠 ㅎㅎㅎ
값 별 효과인데, 이건 배경색과 이미지에따라 다 다르기때문에
음 .. 어떤곳에 쓸수있으려나 ㅎ
Comment
Suggested
Recent
Cards you may also be interested in
드로잉 끝판왕이라는 평가를 받은 한국인 만화 작가
무라타 유스케라는 일본 만화 작가가 있는데 현지에서는 '노력하는 천재' 라는 소리를 들음  이 사람 드로잉 실력이 어느 정도인가 하면 그냥 연재하는 만화 컷들을 연속으로 슬라이드 배치하면 애니메이션이 될 수준임  채색능력도 엄청나서 소년점프 2000호 기념 한정 컬러 포스터를 두 번이나 맡았는데 서로 다른 만화의 주인공들을 각 작품의 개성을 잃지 않으면서 자신만의 그림체를 덧씌운 고퀄리티 작품을 뽑아 냈음  G펜과 마카를 이용한 수작업만 고집하는 방식으로 그런데 이런 완전체 같은 능력치를 가진 무라타 유스케가 '이런 사람이 천재구나' 라고 생각하고 교류를 시작한 만화가가 있으니  김정기라는 사람임  G펜과 마카를 애용하는 무라타 유스케처럼 이 사람은 붓펜이나 붓을 주로 사용하는데 작업 과정을 보면 천재가 누군가를 천재라고 부르는 데에는 다 이유가 있다는 걸 알게 됨  블리자드와 콜라보한 월드 오브 워크래프트 드로잉 마블 스탭들 앞에서 직접 시연한 시빌워2 드로잉  안시성 개봉 당시 콜라보레이션 이 영상을 본 사람 중 몇 명은 영화보다 드로잉이 더 기억에 남는다고 ..  삼일절 기념 드로잉  지금은 전세계 돌아다니면서 드로잉 쇼도 하고 간간이 방송출연도 하는 중 출처 : 더쿠 개인적으로 김정기 작가님의 드로잉은 정말 경이롭다고 생각합니다 *_* 위 동영상들을 봐도 충분히 그렇다고 생각하실 듯 . . 정말 어마어마한 재능을 가진 작가님이시죠 ! 추가로 몇가지 드로잉을 더 올려볼게요 - 영상도 꼭 꼭 보시길 바라요 :) 압도적인 드로잉 실력에 감탄을 연발하실듯 해요 어떻게 밑그림도 없이 이렇게 완벽한 그림을 그려내시는지 . . 이미지 출처 : 구글, 핀터레스트
구글 입사 제의 받은 디시인의 포트폴리오.jpg
워 이정도는 되야 구글에 입사하는건가 ㄷㄷㄷ 일단 창의력이 어마어마한데 예술을 자기만의 걸로 해석하고 표현하는게 대단함 일에 대한 집념까지 갖추셨네 + 원글쓴이가 말하는 포폴팁 저는 이렇게 쓸데없는 짓을 많이 하는 편인데요,  이런 쓸데없는 짓이 저를 부지런하게 만드는것 같아요.  저는 개인적으로 일 외엔 따른 취미생활이 없어요. 게임도 안하고 티비도 안봅니다.  그냥 일하는게 제일 재미있는것 같아요.  그래서 이런 쓸데없는 개인작업을 많이 하는 편인데,  이런 돈도 안되고, 또 실제 프로젝트에 사용하기에는 힘든 기술과, 디자인이지만,  이런걸 만들어봄으로써 배우는게 참 많은것 같습니다.  그리고 그렇게 배웠던 것들이 나를 성장 시키고 실제 프로젝트에도 유용하게 쓰였던 적이 많았어요.  그리고 이 작업을 보고 구글에서 입사제의가 와서 지금까지 구글에서 일을 하고 있는데요.  만약에 제가 이런 개인 작업을 하지 않고 회사 일만 했었다면,  세상 누구도 내가 어떤 디자이너인지, 뭐를 잘하는지 몰랐을 겁니다.  나는 어떤 일을 하고싶어 라고 말로만 하기보단,  내가 하고싶은 디자인을 개인작업으로라도 포트폴리오를 계속 쌓는게 중요하다고 생각해요. 그렇게 쌓은 포트폴리오는 나라는 디자이너를 정의하는데 아주 중요한 역활을 합니다 :) 움직이는 모습과 더 자세한 내용은 영상에서 보실 수 있습니다 :)
펌) 휴대폰 호갱 안당하고 사는 방법 총정리: 초보자용
저의 쟉고... 귀여운 핸드폰이 슬슬 맛탱이가 가고 있어서.. 후후 ㅠ_ㅠ 내가 달달 외우려고 올리는 꿀팁츜ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 그냥 내 친구가 이런거 빠삭한 사람이면 좋겠당... 나는....나는!!!!! 자신이 업쒀~!!!!!!!!!!!!!!!! (오열) 0. 원하는 기종, 용량, 색상을 고릅시다. 1. <선택약정, 공시지원> 둘 중에 본인에게 유리한 제도를 비교해보고 선택합시다. 중복불가 - 선택약정: 요금제 기본요금의 25%를 약정기간 (12,24개월) 동안 매달 할인 받는 방식 - 공시지원: 통신사에서 정해놓은 단말기 할인 금액을 단말기가격에서 할인받음 7번 구매 예시보면 이해할랑가 모르겠지만 아 모르겠고 대애충   국산폰 저요금제로 쓰고 싶다 = 공시지원   국산폰 고요금제로 쓰고 싶다 = 선약과 비교해보기   출시한 지 2년 정도 지난 아이폰을 사고 싶다 = 공시지원   최신 아이폰, 고요금제로 쓰고 싶다 = 선택약정 하면 유리할 듯. 2. <현금완납, 할부> 둘 중에 선택합시다. * 폰 기계 값을 계약서 쓰는 그 자리에서 현금으로 다 주고 살지, 아님 할부로 갚아나갈지 정하는 것. * 할부로 정했다면 할부 기간은 아무리 길어도 24개월로 합시다. * 많이들 헷갈려 하시는게, 1번의 약정계약과 할부계약은 별개  추가) 번호이동 : 말이 번호이동이지 통신사를 바꾸는 것을 뜻함. 판매자 지원금이 주로 높음. 기기변경 : 같은 통신사를 유지하면서 기기만 변경. 판매자 지원금이 주로 적음. 3. 위 사항들을 정했으면 덬들은 핸드폰 가게에서 이렇게 말하게 될 것임. “갤럭시 s20 256기가 흰색 번호이동 공시지원, 현금완납으로 구매하려는데 얼마예요?” “아이폰11 64기가 퍼플 기기변경 선택약정, 24개월 할부하려고 하는데, 얼마나 지원 가능해요?” 요 정도만 되어도 오우 놀줄 아는 놈임. * “지원금,보조금”이란 단어는 절대 볼드모트임. 이유는 난 모름. 아무튼 모름. 8덬이 알려줄걸 * 판매자가 제시하는 조건이 (예: 내가 추가로 40만원 지원해줄게. 대신 너는 고액 요금제 6개월 유지, 웨이브 같은 부가서비스 1개 가입해서 3개월 동안 유지해줘 등등)    본인이 만족하는 조건이라면 계약 진행. * 판매자들에게 어느정도 수준에서만 하고 크게 흥정할 생각 말자. 그들은 고도로 숙련된 달변가들이다. 자 이제 계약할 때 주의할 점! 4. 내가 구매할 모델이 맞는지 확인 * 판매자가 가져온 스마트폰이 맞는 모델, 색상, 용량인지 확인 후 계약서에 기재된 모델명 확인. * 박스가 밀봉상태인지 확인. 만약 뜯어진 흔적이 있거나 밀봉이 안 된 경우 바꿔달라고 요구. 개통 전까지 뜯지말자. 5. 계약서에 “할부원금” 꼭 확인. 통신사마다 할부금 명칭이 달라 "할부원금"으로 통칭. SKT : 단말대금 KT : 분할상환원금 LG : 할부원금 [현금완납 기준 할부원금 확인] 출고가 100만 원 스마트폰 구매 시 지원금 40만 원을 지원해준다 하였고, 덬이 현금완납으로 나머지 60만 원을 냈음. 그러면 계약서에 할부원금이 당연히 ‘0원’ 찍혀 있어야함. 할부원금이 남아있다? 그러면 물어보셈. 현금완납인데 왜 더 내야 할 돈이 있느냐고. 일부 불량판매자들은 능청떨며 별거 아닌 듯 얘기할 거임. "나중에 줄 거다", "추후 보상해준다", "현금완납 맞다." 등. 모두 헛소리임. [할부구매 기준 할부원금 확인] 출고가 100만 원 스마트폰 구매 시 지원금 40만 원을 지원받았다면. `몇 개월 할부인지 확인` 하고선 납부금에 지원받은 40이 적혀 있는 걸 확인하세요. 그 후 `할부원금`에는 기기값 100만 원에서 지원금 40만 원을 뺀 나머지 60만 원이 적혀 있어야 함. 혹은 할부원금에 기기값 100만원 다 적어놓고 지원금을 현금으로 주는 경우도 있음.  당일 그 자리에서 받는거 아니고서야 며칠 뒤, 몇 달 뒤에 주겠다면 비추. (참고: 할부구매 시 할부수수료가 붙습니다.) 6. 계약서 상 부가서비스 유무 확인 [부가서비스 없는 조건] 계약서상 부가서비스 항목 공백 확인. [부가서비스 1~2개 등 가입 조건] 계약서상 부가서비스 항목에 판매자와 상의한 부가서비스인지 확인 및 개수확인. 7. 계약서 상 청구요금 확인 판매자와 상의한 요금제가 맞는지, 공시지원약정인지, 선택약정 12개월 or 24개월 인지 등 확인. ◎구매 예시  판매자 조건: 출고가 1,200,000원, 공시지원금 400,000원, 판매자 추가지원금 500,000, 24개월 약정, 80,000원 요금제, 부가서비스 3,000원짜리 1개 [공시지원약정, 24개월 할부인 경우] 요금제 80,000원  + 할부금 (1,200,000 - 공시지원금 400,000 - 판매자지원금 500,000) / 24 = 12,500 원 + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 95,500원 [공시지원약정, 현금 완납인 경우] 요금제 80,000원 + 할부금 0원 (1,200,000 - 공시지원금 400,000 - 판매자지원금 500,000 - 구매자가 완납한 현금 30만) + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 83,000원 [선택약정, 24개월 할부인 경우] 요금제 80,000 x 0.75 (25% 통신사 할인 약정) = 60,000원 + 할부금 (1,200,000 - 판매자 지원금 500,000) / 24 = 29,167 원 + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 92,167원 [선택약정, 현금완납인 경우] 요금제 80,000 x 0.75 (25% 통신사 할인 약정) = 60,000원 + 할부금 0원 (1,200,000 - 판매자 지원금 500,000 - 구매자 현금완납 70만원) + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 63,000원 8. 계약 완료 계약 후 계약서 원본 요구하세요. 가져올 수 있음. 안 된다고 하는 곳이나 추후 수정해야 한다고 판매자가 가지고 있겠다고 하는 곳은 의심하세요. 9. ★개통 전 개봉 금지★ 개통 전 개봉하면 정말 복잡해요. 판매자가 개봉하라고 하거나 필름 무료로 붙여준다고 개봉하라고 해도 하지 마세요. 일부 불량 판매자들이 계약 내용과 어긋나게 계약하는 경우가 간혹 있음. 그렇게 되면 개통 철회를 해야 하고 개봉했다면 어찌할 방도가 없음. 그러니 개통 전 개봉하지 마세요. 10. 개통 후 계약 내용 고객센터 및 앱으로 마지막 재확인 개통된 통신사 고객센터에 다른 폰으로 전화를 걸어 상담원에게 요금제, 잔여 할부금 및 할부 개월 수, 부가서비스, 선약(개월 수) or 공시 인지 등등 여쭤보세요. 물론 앱이나 통신사 홈페이지로도 할 수 있음. 아, 그래서 대체 어디서 사야 하느냐? 덬들의 휴대폰 구매 경로를 정리해봅시다. 1. 동네마다 있는 통신사 직영·대리점 (물론 직영점과 대리점은 다름. 이건 패스) - 특징: 간판에 “나 S*T예요!!!!” / “L*+라구요!!!” / “K*입니다!!!!” 하고 졸라 크게 써있는 곳. - 난이도: ★☆☆☆☆  덬들이 최소한 사기당할 일은 적음.  허나 덬들이 제 값 주고 사면서도 간혹 고요금제 유지 조건, 부가서비스 끼워 팔기 등이 있을 수 있음. 이럴 경우 그냥 쌩까고 집에 와서 114, 통신사 홈페이지, 어플 등에서 변경·해지하면 됨. - 가격: ★☆☆☆☆ 정석 루트. 사기는 안당하니 호갱은 아니지만 지원금이 영 아쉬움. 2. 동네마다 있는 3개 통신사 모두 취급하는 대리점 - 특징: 핸드폰 가게이며 간판에 세 통신사 모두 있음. - 난이도: ★★★★☆ 통신사의 이름을 걸고 하는게 아니라 개인 판매자이기 때문에 사기 위험성 있음. 물론 양심적으로 판매하시는 분들도 많음. - 가격: ★★★☆☆ 잘 알아보고 간다면 1번보다는 그나마 싸게 살 수 있음. 발품 팔아서 돌아다니다 보면 괜찮은 조건에 구매할 수 있는데, 동네마다 ‘성지’라고 불리는 곳이 있음. 동네 지나다니다보면 줄 서있거나 허름한 폰 가게에 바글바글한 경우 목격했을 것임. 바로 그 곳이 성지. 주로 입소문을 탐. 3. 서울 3대 전자상가 (ㅌㅋㄴ마트, 국ㅈ전ㅈ센터, 용ㅅ전자상가) - 특징: 제대로 알고가면 젤 싸지만 대충 공부하고 가면 외려 눈탱이 쳐맞음. - 난이도: ★★★★★ 판매자와 구매자간 온갖 기싸움과 눈치게임이 펼쳐진다. ENTP 원덬이는 이걸 즐기기도 함. - 가격: ★★★★★ 한번 가보면 ‘여지껏 왜 이리 비싸게 주고 샀지?’ 4. 자급제: 공기계 + 알뜰폰 요금제 - 특징: 약정 기간이 없으며, 공기계 구입 시 초기비용이 센 대신 매달 지출하는 금액이 적음. 원덬인 써본 적이 없어서 9덬이 자세하게 알려줄거임. - 난이도: ★★★☆☆ - 가격: ★★☆☆☆ 요새는 알뜰폰 초기보다 가격적인 메리트가 크게 없는 듯. 마지막으로 불량판매자의 사기 유형을 알아보자. 1. 가장 중요한 것은 기계 ‘할부금’임. 할부금 알려 달라 했는데 매달 납부금만 주구장창 계산 → 안녕히 계세요. 2. 에어팟, 라면, 두루마리 사은품 증정 → 됐고 그냥 돈으로 달라 3. 인터넷 결합하시면 추가 할인 돼요 → 집에서 혼자 하면 됨. 대리점이 선심 쓰는거 아님 4. 신용카드 쓰시면 추가 할인 돼요 → 그냥 원래 쓰던 카드 쓰는게 이득. 선심 아님 5. 48개월 할부 계약 해놓고 "24개월 후에 기기반납하시면 24개월 치 대신 내드릴게요"  → 실제로 통신사마다 있는 부가서비스긴 한데 비추. 쓸 거 다 쓰고 공기계 중고로 팔면 훨씬 이득. 출처 : 더쿠