본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

패럴렉스 이펙트_06 : 각 글자마다 효과주기 ✨ 패럴렉스 이펙트_06 각 문자들을 한글자씩 쪼개 태그로 감싸준뒤 그 텍스트에 각각 애니메이션을 주도록 하겠습니다 ₍ · з · ₎ HTML 코드 HTML 코드는 크게 신경쓸것이 없으나, 각 desc에 split 클래스가 달려있는것을 자바스크립트로 인식시켜 span으로 각각 한글자씩 쪼개줄거기 때문에 split 클래스명을 꼭 적도록 해야해요! 01 section1 우리는 사랑하는 친구들에 의해서만 알려진다. 02 section2 사랑은 눈으로 보지 않고 마음으로 보는 거지. 03 section3 두 분은 상처 하나 입지 않고, 대용사가 된 셈이오. 04 section4 그의 믿음은 그가 쓰는 모자의 유행처럼 변한다. 05 section5 잘 있거라! 우리가 언제 다시 만날지는 아무도 모른다. 06 sect..
2022. 10. 7.
오답노트_02 정리 👩🏻‍💻 오답노트 그저,,반성 🥲 1번 매개변수로 받아온 1996을 num에 넣어준뒤 num의 값을 10과 나눠 몫을 answer에 더해준뒤 num의 값을 num / 10을 해줘 나온 나머지를 num에 넣고 반복하는 문제입니다. 1. answer에는 0을 대입해줍니다. 2. num동안 while을 통해 반복하는데 3. answer에는 num(1996)을 10 나눠준 나머지를 더해줍니다. 4. num을 10이랑 나눠준 몫을 정수로 변환시켜준 후 num에 대입해줍니다. * 반복시 [1996/10=6],[199/10=9],[19/10=1],[1/10=1] 5. function q1(num) { let answer = 0; while(num) { answer += num % 10; num = parseInt(num / ..
2022. 10. 7.
즐거운 오답노트~~🌸 오답노트 다른분들꺼 보고 틀 자체가 다르단걸 알고서 이제서야 올리네요 🥲 많이 틀렸으니 많이 적어야겠죠,,, 눙물 납니다...
2022. 10. 3.
마우스 이펙트_06 : 좌표에 따라 텍스트를 움직이고 포인터에 변화주기! 마우스 이펙트 만들기! 마우스 위치에 따라 이미지들이 좌우로 움직이고 텍스트에 마우스가 올라가면 커서가 커지는 효과를 만들어볼게요! HTML 코드 : 뼈대 마우스 이펙트의 핵심은 cursor를 구성하는것이에요! 꼭 간단한 div를 통한 Cursor를 구성하도록 합시다! Pain Past Pain Past is pleasure. is pleasure. 지나간 고통은 지나간 고통은 쾌락이다. 쾌락이다 CSS 코드 : 살 1. 마우스가 이미지에 닿으면 반전이 되게끔 "mouse__cursor" 클래스에 "mix-blend-mode: difference;"를 설정해줍시다! 2. 화면을 절반으로 나눠 왼쪽에 오렌지 박스를 하나 만들어 놓습니다! .mouse__wrap { color: #fff; height: 10..
2022. 9. 29.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바