[CSS] 화면 전환 효과
2022. 7. 22. 11:02
링크 눌러 화면 이동이나 전환 할때 스르륵? 하는 효과
CSS 에 붙여넣기
/* 화면전환 */
body{ animation: fadein 1500ms ease-out;
-moz-animation: fadein 1500ms ease-out; /* Firefox */
-webkit-animation: fadein 1500ms ease-out; /* Safari and Chrome */
-o-animation: fadein 1500ms ease-out; /* Opera */}
@keyframes fadein {
from {opacity:0;}
to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {opacity:0;}
to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
from {opacity:0;}
to {opacity: 1;}
}
스킨 변경 클릭
스킨 등록 클릭
압축 해제 한 폴더 -
열기를 누르면 images 파일이 우선 추가됩니다.
그리고 다시 추가를 눌러 압축해제 한 폴더에서 나머지(images제외) 있는 파일을
모든 파일이 추가 되었으면 하단 저장을 눌러주세요
스킨명을 입력한 후 - 확인
상단 스킨보관함 클릭
방금 업로드한 스킨 마우스를 올린 후 적용을 누르면 끝!
스킨 파일 다운로드 - 압축 해제 후 기본 파일
* 파일 선택창에서 위 이미지와 같이
* images에 있는 파일 따로, 그 밖에 있는 파일 따로
* 스킨편집하기창에서 목록 구성 요소를 모두
* 스킨편집 - 최신글 - 홈 화면 글 수
- 스킨편집하기 - 상단 html 편집 클릭
- 파일업로드 - 추가 선택 후
그리고 그냥 화살표 눌러주시면 됩니다!
티스토리 - 블로그 설정 - 꾸미기 - 모바일 선택
상단 티스토리 모바일 웹 자동연결을 사용하지 않습니다 로 설정해주세요
주소 끝에 /m/이 붙어있으면 스킨이 적용되지 않습니다
블로그 설정 - 카테고리 관리
하단 카테고리 설정 - 카테고리별 글 수, 카테고리에 새 글 발행 여부
1.
더보기 글 작성 후 좌측 상단 기본모드 - HTML 모드로 변경
더보기, 닫기 부분에 넣고 싶은 텍스트로 변경