목록transparent (3)

어제 오늘 내일

[HTML/CSS] input 배경색 투명하게 하기

input 필드의 스타일을 정의하는 방법을 알아보고 있습니다. [HTML/CSS] input 배경색, 글자색 변경하기 [HTML/CSS] input 커서 색상 변경하기 (caret-color) [HTML/CSS] input 커서 없애기 [HTML/CSS] input 테두리 아래만 남기기, 없애기 (border, outline) [HTML/CSS] input 클릭 시 테두리 색상 변경 이번에는 input 필드의 배경색을 투명하게 하는 방법입니다. background-color: transparent; background-color 속성의 값을 transparent로 지정하면, 배경색을 투명하게 합니다. 예제 .bg { background-color: yellow; } .no-bgcolor { backgro..
IT/HTML&CSS 2023. 7. 31. 08:09
[HTML/CSS] input 커서 없애기

input 필드의 스타일링 방법에 대해 알아보고 있습니다. [HTML/CSS] input 배경색, 글자색 변경하기 [HTML/CSS] input 커서 색상 변경하기 (caret-color) 이번에는 input 필드를 클릭하면 나타나는 커서를 없애는 방법입니다. caret-color caret-color 속성의 input 필드의 커서 색상을 지정하는 속성입니다. 이 속성의 값을 'transparent'로 지정하여, input의 커서를 숨길 수 있습니다. 예제 .no-caret { caret-color: transparent; } 위 예제에서 첫번째 input에 필드를 클릭하면, 커서가 나타납니다. 두번째 input 필드를 클릭하면, 커서가 보이지 않습니다.
IT/HTML&CSS 2023. 7. 30. 06:39
[HTML/CSS] 텍스트 흐리게 블러 처리 하기 (text-shadow, blur())

텍스트를 흐리게 블러 처리하기 위해서 다음 2가지 방법을 사용할 수 있습니다. text-shadow filter: blur() text-shadow CSS의 text-shadow 속성은 텍스트에 그림자를 만들어줍니다. text-shadow에 관한 자세한 설명은 지난 포스팅을 참조하세요. [HTML/CSS] 텍스트에 그림자 넣기 (text-shadow) text-shadow text-shadow .ex01 { background: blue; text-shadow: 0px 0px 10px white; color: transparent; } .ex02 { text-shadow: 0px 0px 10px black; color: transparent; } div { font-size: 30px; font-weig..
IT/HTML&CSS 2022. 12. 20. 07:29
Prev 1 Next