본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

TIP6

#검색결과

총 6개를 찾았어요 ^^b

/

스크롤할때 다음 이미지에 자동으로 딱 멈춰주는 효과를 구현해보자! : scroll-snap-type 사용 스크롤시 다음 요소에 딱! 멈춰주는 듯한 효과를 CSS로 줘보자! 저번에 올렸던 prefers-color-scheme 을 통해 간단하게 다크모드를 구현했던것처럼 이번에도 간단한 방법이 있길래 올려봤어요! 홈페이지를 둘러보면 스크롤을 할때 무언가 탁탁 걸린듯한 원하는 item에 스크롤이 멈추는 효과가 적용되어있는 홈페이지가 있지 않나요? 이번에는 그 효과를 CSS를 통해서 간단한 문구 추가로 구현이 가능하기에 적어보았습니다 ^----^ HTML 코드 : 간단한 예제용 저는 간단한 예제를 본문에 첨부하기위해 하단과 같이 사용했어요! 클래스는 좀 더 직관적이게 [ slider_view / slider_move / item ] 라고 편하게 적었습니다~ * 사실 이래야 제가 보기 편했어요.... CSS 코드 : ..

프리티어가 적용되지 않는다면? 프리티어가 오류났을때 프리티어를 설치 후 오류가 났을때 아래와 같은 방법을 이용하시면 간단하게 문제를 해결 할 수 있습니다. 한번 같이 알아볼까요~~~? prettier 설치 확인 visual studio code의 extensions에 들어가 prettier를 검색 후 install이 완료되었는지 확인해봅니다. prettier 세팅 확인_01 MAC : 최 상단 메뉴바에서 code - preferences - Settings 클릭 후 'format on save' 검색 후 체크표시 확인 Window : 왼쪽 하단 설정 아이콘 - Settings 클릭 후 'format on save' 검색 후 체크표시 확인 단, 위와같은 방법을 했을때에도 안됐을시 파란색 박스의 'Edit in settings.json'..

이전 1 2 다음

728x90

#HASH_TAGS

-

1

오징어 한마리 수확 완료! Method scroll-snap-align 슬라이드 결과 : 월요일 오징어 1Kg 당 3000원 ImageSlideEffect 선택해주세요 코딩 scroll-snap-type 멈추지 않는 ' j ' 시리-즈 필터선택자 오징어 두마리 포획 완료 이건 또 뭐람 내일은 즐거운 월요일 공부 HTML 울적하니 꽃을 달아봤습니다 화사한가요? 코드 오늘은 내가바로 오징어! 다크모드 오늘 조업 마감했습니다. JQuery 메서드 숙제가 다양해서 너무 좋아요 제이쿼리 오늘도 웹표준은..

티스토리툴바