반응형 CSS23 css 창 크기에 따른 이미지 사이즈 조절 css 창 크기에 따른 이미지 사이즈 조절창 크기를 줄이면 이미지 사이즈가 줄어드는 코드는 아래와 같습니다. See the Pen Untitled by hyunho (@momalcy) on CodePen.">See the Pen Untitled by hyunho (@momalcy) on CodePen. 2024. 11. 27. css 버튼 그림자 넣기 css 버튼 그림자 넣기버튼에 마우스를 올리면 box-shadow 가 적용된 버튼을 보실 수 있습니다. See the Pen box-shadow by hyunho (@momalcy) on CodePen.">See the Pen box-shadow by hyunho (@momalcy) on CodePen. 2024. 11. 26. css 버튼 클릭하면 반대로 회전 transform.rotate css 버튼 클릭하면 반대로 회전 transform.rotate 버튼에 회전 효과 See the Pen button_transform_rotate by hyunho (@momalcy) on CodePen.">See the Pen button_transform_rotate by hyunho (@momalcy) on CodePen. 2024. 11. 25. 화면 너비가 480px 이하가 되면 네비게이션 바 없어지는 html, css 코드 - @media 화면 너비가 480px 이하가 되면 네비게이션 바 없어지는 html, css 코드 - @media See the Pen Untitled by hyunho (@momalcy) on CodePen.">See the Pen Untitled by hyunho (@momalcy) on CodePen. 코드 설명 폰트 크기:기본적으로 h1 태그는 2rem 크기로 설정됩니다.화면 너비가 768px 이하가 되면 1.5rem으로 줄어듭니다.네비게이션 메뉴:.nav 클래스의 ul 요소는 기본적으로 flex로 표시됩니다.화면 너비가 480px 이하가 되면 .nav는 display: none;으로 설정되어 화면에서 사라집니다.반응형:meta viewport 태그를 추가하여 다양한 디바이스 화면에서 적절히 반응할 수 .. 2024. 11. 23. html css 모서리 둥글게 입력창 만들기 html css 모서리 둥글게 입력창 만들기border-radius 속성을 사용하면 입력 필드의 모서리를 둥글게 만들 수 있습니다 codepen에서 보기 See the Pen Untitled by hyunho (@momalcy) on CodePen.">See the Pen Untitled by hyunho (@momalcy) on CodePen. html, css 코드 한눈에 보기 2024. 11. 22. html, css로 터미널 처럼 표현하기 html, css로 터미널 처럼 표현하기 HTML CSS 코드 터미널의 에러 메세지를 html 로 표현에서 블로글로 올릴일이 뜨문뜨문 있어서요. 전 아래와 같이 html, css 코드를 작성하였습니다. Error: homebrew-cask is a shallow clone. To `brew update`, first run: git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow This command may take a few minutes to run due to the large size of the repository. This restriction has been made on GitHub's request.. 2024. 2. 25. 이전 1 2 3 4 다음 반응형