0724 수 uiux 79일차

0724 수 uiux 79일차

 

 

삭제 버튼(예,아니오) ( https://codepen.io/YoungHeom/pen/KKjMjOm )

( https://codepen.io/YoungHeom/pen/MWMeNKr )

정답 - 팝업2 구현, 팝업 2개, 함수 1개로, 단계적 구현 18강 ( https://codepen.io/YoungHeom/pen/abgZedR )

문제 21강 ( https://codepen.io/YoungHeom/pen/ZEdOgOx )

정답 21강 ( https://codepen.io/YoungHeom/pen/oNrLKLR )

개념 - stopPropagation ( https://codepen.io/YoungHeom/pen/NWZrQdp ) return false;도 가능

문제 - 팝업2 구현, 팝업의 콘텐츠 부분을 클릭해도 꺼지지 않게 ( https://codepen.io/YoungHeom/pen/qBzNepz )

문제 - 팝업2 구현, 화면의 높이가 작으면 적절한 단계에서 스크롤바가 생기게 ( https://codepen.io/YoungHeom/pen/LYKZwBP )

 

문제 - 팝업2 구현, 팝업의 콘텐츠 부분을 클릭해도 꺼지지 않게( https://codepen.io/YoungHeom/pen/qBzNepz )

 

 

max-height:calc(50vh - 50px);

팝업창할때 사용한건데 암튼 공식임

 

 

div {     transform: translatey(-100%); } section:hover > div {     transform: translatey(0); } 저번 시간 메모 ( https://codepen.io/YoungHeom/pen/dyBXZRq ) 상위요소 flex, 하위 요소 트랜스폼 transform ㄴ 헷갈려서 따로 정리함