728x90 style2 비주얼 스튜디오 코드 79_뮤직 플레이어 3 section이 회전을 해야한다. section에 시간을 줘야 움직이는게 보임 넥스트 버튼을 눌렀을 때 오른쪽에 있는 씨디가 2번, 왼쪽 씨디가 8번째이다. 기준점에서 10vw만큼 떨어져있음 script 제이쿼리는 css, 자바스크립트 style n = 0 변수 지정해준다. n++는 오른쪽 으로 회전 , n--는 왼쪽회전 rotate {n * deg = 0 * 45} deg 45도씩 증감하여 회전한다. 버튼을 누르면 section이 회전한다. 함수지정 on을 갖고 있는 액티브 값을 0으로 변수 지정 0-7번까지 인덱스 번호가 돌아갈 것이다. 회전하면서 8개의 on을 제거할 것이다. index에 들어가있는 번호(선택되어있는 번호)만 on을 넣어줄 것이다. length-1을 넣어 0부터 시작하도록한다. ●함.. 2023. 7. 18. 비주얼 스튜디오 코드⑫ css 외부링크 만들기, css 링크 불러오기 비주얼 스튜디오 코드 > new file > 파일 이름: style.css 새파일 생성 > @charset "utf-8" (셋팅을 한국어로 만들어준다[기본 셋팅코드] a태그: 링크 걸어주는 태그img{ display: block; }: 인라인 구조이기 때문에 블럭구조로 변경(여백을 없애줌) new file > index.html 파일에서 head에 style.css 링크 달아서 외부에서 불러오기DOCTYPE html>html lang="ko">head> meta charset="UTF-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content="width=device-width, initial-.. 2023. 6. 2. 이전 1 다음 728x90 반응형
