# opacity

HTML/CSS (중급) - Transition 속성으로 CSS 애니메이션 구현
시작스타일 만들기최종스타일 만들기언제 최종스타일로 변하는지transition 으로 애니메이션 구현현재 HTML 요소의 투명도를 조절할 수 있다.0부터 1까지의 실수를 입력 가능0.5 이러면 반투명해짐 위에 있는 스타일이 변하면 1초동안 서서히 변경해줘 라는 뜻
[CSS] 요소들을 감추는 방법들 2-10
auto -> 자동으로 요소의 특성에 따라 모양이 바뀐다.default -> 기본 화살표 모양.none -> 보이지 않는 커서.pointer -> 손 모양, 클릭 유도.zoom-in -> 돋보기 모양, 확대 유도.not allowed -> 금지속성을 0으로 하면 모습만
How to add opacity feedback to Pressable component?
https://stackoverflow.com/questions/68413202/react-native-how-to-add-opacity-feedback-to-pressable-component

Front-end 국비지원 #052일
결과hover를 하게되면 투명도가 있는 배경이 이미지에 십자가모양으로 이펙트를 주게된다.HTMLCSSClass Top , Bottom 의 그림설명top은 넓이가 100%를 차지한다 높이는 50% 영역을 차지하고 하단에 위치한다. (위치가 헷갈릴듯.. 양해바람)botto

Front-end 국비지원 #013일
블록요소의 종류dt, dd, ul, li, ol, dl, div, p, h1, h2, h3, h4, h5, h6인라인요소의 종류a, img, span, srong, input, textarea, select\*인라인은 width , height , padding-top

[SwiftUI] FocusState loses focus
TextField 를 Appear 함과 동시에 Focus 하고자 할 때 포커스가 풀리는 문제
[React] Sidebar 부드럽게 보이기 & 부드럽게 내려오기
예전부터 하고 싶었던 부드럽게 흘러나오는 사이드바...드디어 알아냈다...(샤라웃 투 n0hack)opacity로 불투명도 줬을 때 안 보이지만 박스 내부 클릭은 작동해서 포기했었다.이번엔 opacity와 pointer-events: none 으로 설정하여 아무리 마우

CSS 속성 (2)
1\. overflow요소의 크기 이상으로 내용이 넘쳤을 때, 보여짐을 제어하는 단축 속성기본: visible - 넘친 내용을 그대로 보여줌hidden - 넘친 내용을 잘라냄auto - 넘친 내용이 있는 경우에만 잘라내고 스크롤바 생성overflow는 overflow-

이미지 조작하기
\-blur(px) : 흐림효과 10px만 둬도 엄청 흐려진다.\-brightness(%): 밝기 조정 100이 기본값이라고 생각하면 된다. 0은 완전 어두워진다.\-contrast(%):고대비:\-drop-shadow(가로그림자px 세로그림자px 흐림px 색깔):그림
TIL - declarations
📌 단위 (units) 절대 길이 단위 : cm, mm, px등 상대 길이 단위 : em, rem, vw, vh 등 백분률 : % 1. 절대 길이 단위 px 디바이스 화면에서 이미지를 표현하는 가장 작은 단위 요소의 넓이, 높이, 패딩, 마진, 보더 값, 폰트 사이즈

⭐️ Flex & Opacity
Project를 하다가 자세히 알아보고 싶은 속성이 생겨 기록해두려 한다.flex와 opactity이라는 프로퍼티를 알아보도록 하자.The flex CSS shorthand property sets how a flex item will grow or shrink to
[CSS] 태그를 숨기거나 보이게 하는 3가지 방법
태그가 나타나고 감춰짐에 따라 transition을 적용하고 싶다면 이 속성을 추천태그가 숨겨지면 클릭 이벤트도 적용되지 않는다.태그의 투명도를 조절하는 방법태그가 눈에 보이지 않을 뿐 클릭 이벤트는 적용 됨.. 태그를 화면에서 완전히 감추거나 나타나게 한다.trans
[TIL] 2021/11/12
용도: modal에서 부모의 backdrop주의: 부모에서 적용하려는 opacity가 배경인 경우만 가능사용법 in CSSopacity: Xrgba: 0부모에서 css 예시용도: modal에서 부모의 backdrop을 클릭했을 때만 이벤트 발생하도록(onClick)사용

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

[CSS] Color & Background 요소
Color와, background-position, background-repeat같은 Background 요소들에 대해 다룬다.

RGB Opacity
RGB를 이용해서 색을 지정할 때 opacity 값을 주고 싶을 때가 있다.예를 들면, \`물론 16진수를 계산해서 넣으면 된다!이번 포스트에서는 주로 사용하게 되는 opacity 값을 미리 써놓으려고 한다.이상 끝!
앞 뒤에 가상 요소
가상 요소(Pseudo-Element)란?– 가상클래스(Pseudo-Class)는,별도의 class를 지정하지 않아도 지정한 것 처럼요소를 선택할 수 있습니다.– 가상요소(Pseudo-Element)는, 가상클래스처럼 선택자(selector)에 추가되며,존재하지 않는

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