카카오로 시작해 보세요
.slider { 디스플레이: 플렉스; /*width: calc(500% + 20px);*/ /* 슬라이드 간격을 추가하기 위해 너비를 계산합니다. */ width: 500%; /* 너비를 계산하여 슬라이드 간격을 추가합니다. */ justify-content: flex-start; /* 왼쪽 정렬 */ gap: 5px; /* 슬라이드 사이의 간격 */ 애니메이션: 슬라이드 17.5초 무한 이지아웃; } .slide { /* width: calc(20% – 5px);*/ /* 간격을 포함하도록 개별 슬라이드 너비를 조정합니다 */ width:20%; 오른쪽 여백: 5px; /* 간격 여백 */ } @keyframes 슬라이드 { 0% { 변환: 번역X(0); } /* 첫 번째 슬라이드 */ 20% { 변환: 번역X(0); } 25% { 변환: 번역X(-20%); } /* 두 번째 슬라이드 */ 45% { 변환: 번역X(-20%); } 50% { 변환: 번역X(-40%); } /* 세 번째 슬라이드 */ 70% { 변환: 번역X(-40%); } 75% { 변환: 번역X(-60%); } /* 네 번째 슬라이드 */ 90% { 변환: 번역X(-60%); } 95% { 변환: 번역X(-80%); } 98% { 변환: 번역X(-80%); } /* 다섯 번째 슬라이드 */ 100% { 변환: 번역X(-80%); } } .body { 디스플레이: 플렉스; 내용 정당화: 센터; 항목 정렬: 중앙; } .circle { 너비: 10px; 높이: 10px; 테두리 반경: 50%; 여백: 0 5px; 불투명도: 0.2; 애니메이션: 17.5초 무한 채우기; } .circle:nth-child(1) { 배경색: 검정색; 애니메이션 지연: 0초; } .circle:nth-child(2) { 배경색: 검정색; 애니메이션 지연: 3.5초; } .circle:nth-child(3) { 배경색: 검정색; 애니메이션 지연: 7초; } .circle:nth-child(4) { 배경색: 검정색; 애니메이션 지연: 10.5초; } .circle:nth-child(5) { 배경색: 검정색; 애니메이션 지연: 14초; } .circle:nth-child(6) { 배경색: 검정색; 애니메이션 지연: 17.5초; } @keyframes 채우기 { 0% { 불투명도: 1; /* 색상이 즉시 표시됩니다. */ } 100% { opacity: 0.2; /* 최종 투명성 */ } } Kakao.init(‘0fb33f856063bc584828de4c0a3ab645’); // 사용하려는 앱의 자바스크립트 키를 입력합니다. function loginWithKakao() { Kakao.Auth.authorize({ 리디렉션Uri: ‘https://trendkorea.co.kr?utm_source=kakao_first&utm_medium=kakao_login&utm_campaign=login_kakao’, }); } // 아래는 데모용 UI 코드입니다. displayToken() function displayToken() { var token = getCookie(‘authorize-access-token’); if(token) { Kakao.Auth.setAccessToken(token); Kakao.Auth.getStatusInfo() .then(function(res) { if (res.status === ‘connected’) { document.getElementById(‘token-result’).innerText=”로그인 성공, 토큰: ” + 카카오 .Auth.getAccessToken(); } }) .catch(function(err) { Kakao.Auth.setAccessToken(null) }); } } function getCookie(name) { var parts = document.cookie.split(name + ‘=’); if (parts.length === 2) { 부분 반환[1].나뉘다(‘;’)[0]; } } @import url(‘https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css’); * {font-family: Pretendard,’ Noto Sans KR’, sans-serif;} .container{배경색:흰색;} 헤더{display:none;} .entry-header{display:none;} h2{font- 크기:20px !important;margin-bottom:10px !important;} .nv-overlay{display:none;} .neve-main > .single-post-container .nv-sidebar-wrap { 최대 너비: 0%; 디스플레이:없음; } } 바닥글{display:none !important;} .footer{display:none !important;}.nv-post-cover{display:none;} /*#content{ width: 100%; 높이: 100%; } */ /*.my_bg { 배경 이미지: url(“https://nara.twocarat.co.kr/wp-content/uploads/2024/10/1.jpg”);}*/ /* #content { 배경 이미지: url(“https://nara.twocarat.co.kr/wp-content/uploads/2024/10/1.jpg”);}*/ .container {배경색: 투명;} .nv-single-post-wrap>div:first-child {margin-top: 0px !important;}