• 목록
  • 아래로
  • 위로
  • 0
  • title: 생일 케이크 (1년권)Estrella3
  • 조회 수 22

https://fnbase.xyz/snow.html

FNBase - 슬로건 없음..

눈발이 내리다가 처음 표시된 화면만큼만 나오고 잘리네요ㅠㅠ

퍼온 코드 수정한거라 구동 부분까지 자세히 알지 못하겠어요..

/* Css Snow */
.snowflakes {
width: 100%; height: 100%;
position: absolute; top: 10; left: 0;
    overflow: hidden !important;
}

i-i, i-i:after, i-i:before { background: white; }
i-i {
display: inline-block;
    animation: snowflakes 3s linear 2s 20;
position: relative;
}
i-i:after, i-i:before {
height: 100%;
width: 100%;
content: ".";
position: absolute;
top: 0px;
left: 0px;
transform: rotate(120deg);
}
i-i:before { transform: rotate(240deg); }

@keyframes snowflakes {
0% {
-webkit-transform: translate3d(0,0,0) rotate(0deg) scale(0.6);
}
100% {
-webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
};
}

.snowflakes i-i:nth-child(3n) {
width: 16px; height: 4px;
animation-duration: 4s;
animation-iteration-count: 30;
transform-origin: right -45px;
}

.snowflakes i-i:nth-child(3n+1) {
width: 24px; height: 6px;
animation-duration: 6s;
animation-iteration-count: 45;
transform-origin: right -30px;
}

.snowflakes i-i:nth-child(3n+2) {
width: 32px; height: 8px;
animation-duration: 8s;
animation-iteration-count: 60;
transform-origin: right -15px;
}

/* different delays so they don't all start at the same time */
.snowflakes i-i:nth-child(7n) {
  opacity:.3;
  animation-delay: 0s;
  animation-timing-function:ease-in;
}
.snowflakes i-i:nth-child(7n+1) {
  opacity:.4;
  animation-delay: 1s;
  animation-timing-function:ease-out;
}
.snowflakes i-i:nth-child(7n+2) {
  opacity:.5;
  animation-delay: 1.5s;
  animation-timing-function:linear;
}
.snowflakes i-i:nth-child(7n+3) {
  opacity:.6;
  animation-delay: 2s;
  animation-timing-function:ease-in;
}
.snowflakes i-i:nth-child(7n+4) {
  opacity:.7;
  animation-delay: 2.5s;
  animation-timing-function:linear;
}
.snowflakes i-i:nth-child(7n+5) {
  opacity:.8;
  animation-delay: 3s;
  animation-timing-function:ease-out;
}
.snowflakes i-i:nth-child(7n+6) {
  opacity:.9;
  animation-delay: 3.5s;
  animation-timing-function:ease-in;
}
/* from https://codepen.io/iautomation/pen/VYexBz by Estrella3 */

끝까지 내릴 수 있을까요?

작성자
title: 생일 케이크 (1년권)Estrella3 51 Lv. (2%) 208270/216320EXP

반가워요!

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [중요] 프록시 서버 시스템 정비 안내 5 마스터 3일 전23:51 91
공지 서버의 백업 문제로 인해 임시로 호스팅 정책이 바뀝니다. 4 마스터 20.10.31.23:24 223
공지 출석부 모듈에 오류가 있습니다. 5 마스터 20.07.13.14:14 2246
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 3425
826 php 관련해서 질문 좀 여쭙겠습니다 image title: 대한민국 국기gimmepoint 18시간 전20:50 41
825 도메인 샀습니다 2 Gomdoli 2일 전11:32 65
[CSS] 애니메이션 관련 title: 생일 케이크 (1년권)Estrella3 2일 전23:24 22
823 데이터베이스 구성 3 image Gomdoli 6일 전09:38 60
822 프리놈 도메인 연결 2 Gomdoli 20.11.15.20:41 55
821 파일질라로 올리려고 하는데요.. 5 Gomdoli 20.11.14.14:22 74
820 요즘 코로나 백신 소식이 자주나오는데 내년에는 괜찮을까요? 3 필우 20.11.13.10:41 38
819 이게시판은 직접개발하신건가요? 8 Gomdoli 20.11.12.15:21 85
818 ftp web파일 1 wikiowner 20.11.11.22:16 31
817 중고 모니터 액정이 나갔는데 수리하는게 나을까요? 새로 사는게 나을까요? 10 필우 20.11.11.10:47 75
816 폴더 권한 관련 질문 드립니다. 5 image 이니스프리 20.11.08.14:47 63
815 맵네임을 누르면 다른 사이트의 게시판을 나오게 하고싶은데 어떻게 해야하나요? 1 손가락개 20.11.08.01:01 39
814 위키 설치 하실줄 아시는분,,,, 3 wikiowner 20.11.06.20:30 71
813 FTP 연결 안됌.... 2 image wikiowner 20.11.06.19:18 51
812 도메인 싸거나 공짜로 파는 곳 어디 있을까요 6 updated 출사로 20.11.06.07:22 90
811 위키 호스팅에 대해 궁금점 9 wikiowner 20.11.04.15:05 102
810 사이트 정보 등록 3 citen 20.10.29.17:36 58
809 키보드 트레이 추천을 부탁드려요 ^^ 3 이니스프리 20.10.29.00:05 66
808 재질문) php 오류페이지 관련 질문입니다 2 Ruwaku 20.10.13.20:54 88
807 이거 서비스센터 가야 하는 부분인가요? 8 title: 인스타그램허니버터라이.. 20.10.07.14:44 92