# opacity

29개의 포스트
post-thumbnail

jquery table

isNaN : is Not a Number : (null 값 체크용. 숫자 체크용)focus() : focus를 지정하면 event 이후 커서가 지정 포인트에 자동 클릭되어 있다.초기화면점수를 입력 안했을 시 (isNaN 코드로 인해 숫자로 기입하라고 메시지가 뜬다)값

2023년 10월 30일
·
0개의 댓글
·
post-thumbnail

[포스코x코딩온] KDT 웹 10기 231026~231027 1주차 | CSS(2)-속성, 요소

📖CSS의 속성 특정한 기능을 하는 속성들이 미리 정의되어 있으며, 이를 활용하여 태그의 스타일을 정의할 수 있다. 속성:값의 형태로 사용되며, 여러 속성들끼리는 ;를 통해 구분된다. 속성의 가짓 수는 매우 많으며, 대표적인 것들만 정리해놓고 나중에 필요할 때 구글

2023년 10월 29일
·
0개의 댓글
·

Transition 속성으로 CSS 애니메이션 구현하기

(예제) 상품 진열 레이아웃 > 애니메이션 만들기 one-way 애니메이션 혼자 알아서 만드는 법 / 그냥 외우기!!! one-way 애니메이션은 A에서 B로 정지없이 쭉 이동하는 애니메이션을 뜻한다. 시작스타일 정하기 최종스타일 정하기 언제 최종스타일로 변할지

2023년 8월 21일
·
0개의 댓글
·

tailwind css text opacity 글씨 투명도

text-white 기본적인 글씨 색상이 있어야 합니다.text-opacity-70 투명도 조절

2023년 8월 11일
·
0개의 댓글
·
post-thumbnail

HTML/CSS (중급) - Transition 속성으로 CSS 애니메이션 구현

시작스타일 만들기최종스타일 만들기언제 최종스타일로 변하는지transition 으로 애니메이션 구현현재 HTML 요소의 투명도를 조절할 수 있다.0부터 1까지의 실수를 입력 가능0.5 이러면 반투명해짐 위에 있는 스타일이 변하면 1초동안 서서히 변경해줘 라는 뜻

2023년 3월 21일
·
0개의 댓글
·

[CSS] 요소들을 감추는 방법들 2-10

auto -> 자동으로 요소의 특성에 따라 모양이 바뀐다.default -> 기본 화살표 모양.none -> 보이지 않는 커서.pointer -> 손 모양, 클릭 유도.zoom-in -> 돋보기 모양, 확대 유도.not allowed -> 금지속성을 0으로 하면 모습만

2023년 1월 26일
·
0개의 댓글
·

How to add opacity feedback to Pressable component?

https://stackoverflow.com/questions/68413202/react-native-how-to-add-opacity-feedback-to-pressable-component

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

Front-end 국비지원 #052일

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

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

이미지 선택, 투명도, 랜덤 숫자

Asset에 있는 이미지나 색을 쉽고 직관적으로 바로 선택 가능UIView의 투명도 조절하기

2022년 11월 29일
·
0개의 댓글
·
post-thumbnail

CALayer Shadow

업무 하면서 Shadow에 대해 알게된 내용을 정리한다.

2022년 11월 29일
·
0개의 댓글
·
post-thumbnail

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

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

[SwiftUI] FocusState loses focus

TextField 를 Appear 함과 동시에 Focus 하고자 할 때 포커스가 풀리는 문제

2022년 10월 20일
·
0개의 댓글
·

[React] Sidebar 부드럽게 보이기 & 부드럽게 내려오기

예전부터 하고 싶었던 부드럽게 흘러나오는 사이드바...드디어 알아냈다...(샤라웃 투 n0hack)opacity로 불투명도 줬을 때 안 보이지만 박스 내부 클릭은 작동해서 포기했었다.이번엔 opacity와 pointer-events: none 으로 설정하여 아무리 마우

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

CSS 속성 (2)

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

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

이미지 조작하기

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

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

TIL - declarations

📌 단위 (units) 절대 길이 단위 : cm, mm, px등 상대 길이 단위 : em, rem, vw, vh 등 백분률 : % 1. 절대 길이 단위 px 디바이스 화면에서 이미지를 표현하는 가장 작은 단위 요소의 넓이, 높이, 패딩, 마진, 보더 값, 폰트 사이즈 등 값의 단위로 사용 기본 16px 2. 상대 길이 단위 % : 부모 요소 기준으로 백...

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

⭐️ Flex & Opacity

Project를 하다가 자세히 알아보고 싶은 속성이 생겨 기록해두려 한다.flex와 opactity이라는 프로퍼티를 알아보도록 하자.The flex CSS shorthand property sets how a flex item will grow or shrink to

2022년 3월 23일
·
0개의 댓글
·

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

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

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

[TIL] 2021/11/12

용도: modal에서 부모의 backdrop주의: 부모에서 적용하려는 opacity가 배경인 경우만 가능사용법 in CSSopacity: Xrgba: 0부모에서 css 예시용도: modal에서 부모의 backdrop을 클릭했을 때만 이벤트 발생하도록(onClick)사용

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

display, visibility, opacity 프로퍼티

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

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