마우스 모양* {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), auto !important;} 클릭시 파동 효과 HTML - 위에 복사/*마우스 클릭 효과*/div.clickEffect{ position:fixed; box-sizing:border-box; border-style:solid; border-color:#828282; border-radius:50%; animation:clickEffect 0.8s ease-out; z-index:5;}@keyframes clickEffect{ 0%{ opacity:1; width:0.5em; height:0.5em; margin:-0.25em; border-width:0.3..
코드 및 쿼리문
.manage-menu { display: none; /* 기본적으로 숨김 */ flex-direction: row; /* 가로 배치로 설정 */ justify-content: flex-start; /* 왼쪽 정렬 */ gap: 50px; /* 요소들 사이 간격 */ padding-left: 40px; /* 오른쪽으로 약간 이동 */}.manage-menu.visible { display: flex; /* 클래스 추가 시 보이도록 설정 */}.manage-menu a { text-decoration: none; /* 링크의 밑줄 제거 */ color: #aaa; /* 기본 글자 색상 유지 */ padding: 5px 10px; /* 패딩 추가 */ b..
const COPY_TEXT_CHANGE_OFFSET = 1000;const COPY_BUTTON_TEXT_BEFORE = "Copy";const COPY_BUTTON_TEXT_AFTER = "Copied";const COPY_ERROR_MESSAGE = "ERROR";const copyBlockCode = async (target) => { if (!target) return; try { const code = decodeURI(target.dataset.code); await navigator.clipboard.writeText(code); target.textContent = COPY_BUTTON_TEXT_AFTER; setTimeout(() => { target...
HTML 코드 티스토리 홈 | CSS 코드.logout-menu { display: flex; /* 기본적으로 표시 */ flex-direction: row; /* 가로 배치로 설정 */ justify-content: flex-start; /* 왼쪽 정렬 */ gap: 10px; /* 요소들 사이 간격 */ padding-left: 25px; /* 오른쪽으로 약간 이동 */}.logout-menu a { text-decoration: none; /* 링크의 밑줄 제거 */ color: #aaa; /* 기본 글자 색상 유지 */ padding: 5px 10px; /* 패딩 추가 */ border: none; /* 테두리 제거 */ back..
