본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

svg로 도형 만들기! SVG ANIMATION svg 태그안에 rect를 point로 수치를 조정해 도형을 구현해낼 수 있는데 한번 이번 시간에는 해당 부분에 대하여 학습해봅시다! 벡터 이미지 벡터 이미지란 아무리 확대하여도 깨지지 않는 이미지를 의미하는데요, 보통 일러스트레이터에서 사용하는 도형이 벡터 이미지 입니다! SVG 클리핑 마스크 포토샵에 클리핑 마스크를 이용하면 변화시키고 싶은 도형에 다양한 변화를 줄 수 있듯, css로도 해당 부분에 대한 처리가 가능합니다 SVG SVG
2022. 9. 7.
패럴렉스 효과 설명! 패럴렉스 이펙트 구현하기 페럴렉스 이펙트를 구현하기 위해서는 브라우저 상단의 값을 기준으로 스크롤을 내렸을때 각각 요소들과 비교를 하여 변화를 주도록 구현해야하는데요 한번 이번시간에는 그 방법에 대하여 알아보겠습니다! 자바스크립트 : 패럴렉스 이펙트 구현 예제 스크롤 높이 값을 구하기 위해 하단의 스크립트를 작성합니다 브라우저마다 지원여부가 다르기 때문에 "||"을 적어 셋 중 한가지를 선택해 작동하도록 적습니다. let scrollTop = window.pageYOffset || window.scrollY || document.documentElement.scrollTop 핵심요소 패럴렉스 효과의 구현을 위해서는 하단의 순서 방식으로 작동합니다 1.forEach를 통해 각 .content__item 클..
2022. 9. 6.
mouseover & mouseenter 이벤트에 대해서 알아볼까? mouseenter/mouseover의 차이점에는 무엇이 있을까? 비슷한듯 다른 두 이벤트는 각각 미세한 차이가 있는데요 한번 이번 시간에는 그 차이에 대하여 알아보겠습니다 ^^v 이해를 돕기위해 가시적인 부분을 생각하여 좌표값도 넣어주었습니다 mouseover "mouseeover" 이벤트는 직접 이벤트를 걸지 않은 자식 요소에 마우스 포인터가 와도 발생하는 이벤트 입니다. 예시:: mouseover - 어느곳에 마우스를 가져다 대도 계산됩니다. 마우스를 올려보세요! [마우스가 올라오면 숫자가 카운팅 됩니다!] clientX : 0px clientY : 0px offsetX : 0px offsetY : 0px pageX : 0px pageY : 0px screenX : 0px screenY : 0px ..
2022. 9. 6.
푸터 유형_01을 한번 만들어보자! 푸터 유형_01 홈페이지를 받쳐줄 하단인 푸터 메뉴를 구현해보겠습니다! Figma 우선 피그마를 통해 기초적인 틀을 잡습니다! HTML html을 통해 기본적인 예제를 만들 뼈대를 구성합니다! 푸터 영역 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 웹표준 사이트 사이트 웹표준 사이트 웹표준 사이트 웹표준 ..
2022. 9. 5.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바