티스토리 뷰

 

입문자 관점에서 해결한 방법이니 참고용으로 가볍게 봐주세요!

위 디자인들이 마음에 들어서 카피하던중
가운데 로그인 부분만 블러 처리하고 싶어서 검색해 봤지만, 마땅한 방법을 찾기 어려웠습니다.

 

 

블러 처리는 이미지 태그에서만 가능한데, 그리드 구조 때문에 원하는 위치에 배치하기가 어렵고...

그리드로는 원하는 위치에 배치했지만, 블러 처리가 되지 않고...

 

여러 시도 끝에 정말 간단한 해결 방법을 찾았습니다. 바로 미리 블러 처리된 이미지를 준비하는 것이었죠! ㅎㅎ

두 이미지를 이용하니 이렇게 블러처리 된 것 같은 결과를 만들 수 있었습니다. 

 

참고로 두 이미지의 크기는 똑같이 맞춰줘야 겹쳐집니다!


물론, 이 방법은 이미지 크기나 윈도우 창 크기에 따라 블러 효과가 어긋날 수 있어 완벽한 해결책은 아닙니다.

공부하면서 더 나은 방법을 찾으면, 후속 글을 작성해보겠습니다!

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/06   »
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
글 보관함