# visibility

12개의 포스트
post-thumbnail

transition에 display none을 대체하여 사용하는 방법

작업을 하면서 시각적으로 요소가 변화해야 하는 상황이 생기게 되는데 초반에는 기능적인 부분만 중점으로 생각하여 transition이라는 것을 잘 사용하지 않았었다. 하지만 시각적으로도 부드럽게 변화하는 모습을 구현하기 위해 해당 속성을 사용하게 되었고, display를

2022년 5월 22일
·
0개의 댓글
·

Fade In, Fade Out

visibility를 이용한 true,false로 아이콘을 상황에 맞추어 보여주고 지울수 있다.하지만 갑작스럽게 사라지고 나타난다면 유저로 하여금 당황스러움을 줄 수 있다.안드로이드에서는 이에 따른 Fade In, Fade Out 애니메이션을 지원하고있고 2가지 방법이

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

[CSS][Layout][Hidden Content]

grid, flex, block, inline 외에 해당 속성은 화면에서 보이는 것을 숨길 수도 있다.해당 요소는 공간을 차지하지 않는다.주로 미디어쿼리에서, 디바이스마다 보이는 것을 바꾸고 싶을 때 사용한다.미디어 쿼리나 display:block없이 리액트에서 제어할

2022년 1월 18일
·
0개의 댓글
·
post-thumbnail

display

display display 속성은 레이아웃에서 자주 쓰이고 중요한 속성 중 하나입니다 display가 가지는 속성값은 다음과 같습니다 요소가 어떻게 배치될 지 설정하는 속성으로 값에 따라 요소의 배치가 달라집니다 display는 요소가 기본적으로 가지는 값과

2022년 1월 17일
·
0개의 댓글
·

[CSS] 태그를 숨기거나 보이게 하는 3가지 방법

태그가 나타나고 감춰짐에 따라 transition을 적용하고 싶다면 이 속성을 추천태그가 숨겨지면 클릭 이벤트도 적용되지 않는다.태그의 투명도를 조절하는 방법태그가 눈에 보이지 않을 뿐 클릭 이벤트는 적용 됨.. 태그를 화면에서 완전히 감추거나 나타나게 한다.trans

2021년 11월 23일
·
0개의 댓글
·
post-thumbnail

display, visibility, opacity 프로퍼티

1. display display 프로퍼티는 layout 정의에 자주 사용되는 중요한 프로퍼티이다. 1.1 block 항상 새로운 라인에서 시작한다. 화면 크기 전체의 가로폭을 차지한다. (width: 100%) width, height, margin, padding

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

Visibility, Display

visible : 요소가 보임hidden : 요소가 웹 페이지에 나타나지 않으나 공간(레이아웃)은 계속 유지collapse<table> 행, 열에 적용하면 display=none으로 설정한 것과 동일하게 적용된다.다른 요소에서는 hidden과 동일하다.ex) &l

2021년 10월 12일
·
0개의 댓글
·

[CSS] display, visibility

display와 visibility의 차이를 알아보자.

2021년 7월 27일
·
0개의 댓글
·

0706 - HTML/CSS

h3+p+ul>(li\*3)h3+(ul>(li\*2))+divid=button속성값의 개수에 따라 적용되는 위치모든 HTML태그 요소를 선택전체선택자에 의해 선택된 모든 요소에서 패딩과 마진을 0 으로 초기화background-image 속성배경 이미지 삽입에 사용ur

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

Display, Visibility, Opacity 프로퍼티

: layout 정의에 자주 사용되는 프로퍼티block: block 특성을 가지는 요소(block 레벨 요소)로 지정inline: inline 특성을 가지는 요소(inline 레벨 요소)로 지정inline block: inline-block 특성을 가지는 요소(inln

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

display none이 transition이 안먹히는 이유

해결방법 말고 원인 궁금하지 않나요..?🤓

2020년 11월 3일
·
15개의 댓글
·

[Flutter] Visibility()

Flutter를 이용해서 UI를 만들다보면 True / False 값에 따라 위젯이 보여지고 안보여지는 것을 컨트롤 할 수 있다.이때, Visibility() 위젯을 통해서도 구현이 가능하다.imageAppBar()는 PreferredSize() 위젯을 기반으로 만들어

2020년 8월 31일
·
0개의 댓글
·