# blur

12개의 포스트

JS- focus, blur

focus() 함수는 특정 항목에 입력커서를 할당 가능focus 이벤트는 특정항목에 입력커서가 할당되었을때 동작하는 이벤트blur 이벤트는 특정 항목에서 입력커서가 빠져 나왔을 때 동작하는 이벤트 -> focus의 반대

2022년 6월 3일
·
0개의 댓글
post-thumbnail

이미지 조작하기

\-blur(px) : 흐림효과 10px만 둬도 엄청 흐려진다.\-brightness(%): 밝기 조정 100이 기본값이라고 생각하면 된다. 0은 완전 어두워진다.\-contrast(%):고대비:\-drop-shadow(가로그림자px 세로그림자px 흐림px 색깔):그림

2022년 5월 30일
·
0개의 댓글
post-thumbnail

#1 모달 외부 클릭하여 닫기

태그에 focus, blur를 통한 모달 닫힘 구현

2022년 5월 12일
·
0개의 댓글
post-thumbnail

Materials

불투명한 뷰는 어떻게 만드는거지? 그게 바로 이거였다.

2022년 4월 13일
·
0개의 댓글
post-thumbnail

Algorithms / Gaussian blur / 모자이크 / Python

▼원본▼▼LV.6▼▼blur.py▼터미널에서 \[blurfactor]를 숫자로 대체해서 실행하면 작동한다. 숫자가 높아질수록 시간이 더 오래걸린다.같은 경로에 cat.jpg라는 이름을 가진 파일이 있어야 하며 프로그램이 다 돌아간 후엔 blur.jpg로 새롭게 저장된다

2022년 4월 4일
·
0개의 댓글

React 개발일지 - 1. dropdown

dropdown 구현을 위해 사용한 usestate의 데이터 변경 방식과 마우스 이벤트 발생 순서에 따른 blur 이벤트를 막는 내용에 대해 설명합니다.

2022년 2월 28일
·
0개의 댓글
post-thumbnail

[JS30] -3) CSS Variables

HTMLElement: input event 각 input 태그의 값들이 변경될 때마다 이벤트를 호출하기 위해서는 이벤트 조건을 input으로 지정하면 된다. blur Reference https://developer.mozilla.org/ko/docs/Web/AP

2021년 10월 22일
·
0개의 댓글
post-thumbnail

모달 다이얼로그 만들기 | JS Snippets

모달 다이얼로그(Modal Dialogs)는 메인 컨텐츠 위에 나타나는 사용자 인터랙션 중 하나다. 일반 시스템 다이얼로그는 팝업으로 나타나지만 모달 다이얼로그는 화면 위의 레이어로 나타나는 차이가 있다.모던 브라우저 환경에서 자주 사용되는 기술 중 하나이며 사용자의

2021년 8월 6일
·
1개의 댓글
post-thumbnail

[모던JS: 브라우저] 폼과 폼 조작

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

2021년 6월 21일
·
0개의 댓글
post-thumbnail

배경 이미지에 blur 처리를 하고 싶어요.

blur 효과 모바일이나 웹사이트를 이용하다 보면, 기존의 화면 위에 팝업창과 같은 보조 창이 뜨게 될 경우 뒷 화면이 블러 처리가 되는 경우나, 배경 이미지가 블러처리 되어 있는 경우가 있다. 이 부분은 어떻게 처리하는 것이 좋을까? 배경이미지의 경우 포토샵에서 블

2021년 2월 8일
·
0개의 댓글