1. head.php에

<div class="night">
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
</div>

붙여넣기 (원하는 별 수 만큼 넣으면 될거야)


2. style.css


.night {
  position: fixed;
  width: 100%;
  height: 100%;
  transform: rotateZ(43deg) scale(1.5);
  top:-20%;
}
 
.shooting_star {
  position: absolute;
  height: 1px;
  background: linear-gradient(-45deg, #3C4048, rgba(0, 0, 255, 0));
  border-radius: 999px;
  filter: drop-shadow(0 0 6px var(#3C4048));
  animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}
.shooting_star::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 1px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #3C4048, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  animation: shining 3000ms ease-in-out infinite;
}
.shooting_star::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 1px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #3C4048, rgba(0, 0, 255, 0));
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  animation: shining 3000ms ease-in-out infinite;
  transform: translateX(50%) rotateZ(-45deg);
}
 
.shooting_star:nth-child(1) {
  top: calc(50% - 708px);
  left: calc(50% - 217px);
  animation-delay: 8842ms;
}
.shooting_star:nth-child(1)::before, .shooting_star:nth-child(1)::after {
  animation-delay: 8842ms;
}
.shooting_star:nth-child(2) {
  top: calc(50% - 99px);
  left: calc(50% - -272px);
  animation-delay: 2635ms;
}
.shooting_star:nth-child(2)::before, .shooting_star:nth-child(2)::after {
  animation-delay: 2635ms;
}
.shooting_star:nth-child(3) {
  top: calc(50% - -140px);
  left: calc(50% - 243px);
  animation-delay: 2574ms;
}
.shooting_star:nth-child(3)::before, .shooting_star:nth-child(3)::after {
  animation-delay: 2574ms;
}
.shooting_star:nth-child(4) {
  top: calc(50% - 204px);
  left: calc(50% - 248px);
  animation-delay: 2904ms;
}
.shooting_star:nth-child(4)::before, .shooting_star:nth-child(4)::after {
  animation-delay: 2904ms;
}
.shooting_star:nth-child(5) {
  top: calc(50% - -364px);
  left: calc(50% - 546px);
  animation-delay: 1810ms;
}
.shooting_star:nth-child(5)::before, .shooting_star:nth-child(5)::after {
  animation-delay: 1810ms;
}
.shooting_star:nth-child(6) {
  top: calc(50% - 459px);
  left: calc(50% - -130px);
  animation-delay: 7644ms;
}
.shooting_star:nth-child(6)::before, .shooting_star:nth-child(6)::after {
  animation-delay: 7644ms;
}
.shooting_star:nth-child(7) {
  top: calc(50% - 173px);
  left: calc(50% - -22px);
  animation-delay: 3185ms;
}
.shooting_star:nth-child(7)::before, .shooting_star:nth-child(7)::after {
  animation-delay: 3185ms;
}
.shooting_star:nth-child(8) {
  top: calc(50% - -116px);
  left: calc(50% - 370px);
  animation-delay: 3870ms;
}
.shooting_star:nth-child(8)::before, .shooting_star:nth-child(8)::after {
  animation-delay: 3870ms;
}
.shooting_star:nth-child(9) {
  top: calc(50% - -306px);
  left: calc(50% - -180px);
  animation-delay: 75ms;
}
.shooting_star:nth-child(9)::before, .shooting_star:nth-child(9)::after {
  animation-delay: 75ms;
}
.shooting_star:nth-child(10) {
  top: calc(50% - 369px);
  left: calc(50% - 305px);
  animation-delay: 3459ms;
}
.shooting_star:nth-child(10)::before, .shooting_star:nth-child(10)::after {
  animation-delay: 3459ms;
}
.shooting_star:nth-child(11) {
  top: calc(50% - 349px);
  left: calc(50% - -44px);
  animation-delay: 3068ms;
}
.shooting_star:nth-child(11)::before, .shooting_star:nth-child(11)::after {
  animation-delay: 3068ms;
}
.shooting_star:nth-child(12) {
  top: calc(50% - -315px);
  left: calc(50% - 177px);
  animation-delay: 6192ms;
}
.shooting_star:nth-child(12)::before, .shooting_star:nth-child(12)::after {
  animation-delay: 6192ms;
}
.shooting_star:nth-child(13) {
  top: calc(50% - 1px);
  left: calc(50% - 345px);
  animation-delay: 797ms;
}
.shooting_star:nth-child(13)::before, .shooting_star:nth-child(13)::after {
  animation-delay: 797ms;
}
.shooting_star:nth-child(14) {
  top: calc(50% - -254px);
  left: calc(50% - 491px);
  animation-delay: 7089ms;
}
.shooting_star:nth-child(14)::before, .shooting_star:nth-child(14)::after {
  animation-delay: 7089ms;
}
.shooting_star:nth-child(15) {
  top: calc(50% - 63px);
  left: calc(50% - 51px);
  animation-delay: 3933ms;
}
.shooting_star:nth-child(15)::before, .shooting_star:nth-child(15)::after {
  animation-delay: 3933ms;
}
.shooting_star:nth-child(16) {
  top: calc(50% - -22px);
  left: calc(50% - -184px);
  animation-delay: 1017ms;
}
.shooting_star:nth-child(16)::before, .shooting_star:nth-child(16)::after {
  animation-delay: 1017ms;
}
.shooting_star:nth-child(17) {
  top: calc(50% - 479px);
  left: calc(50% - -61px);
  animation-delay: 5913ms;
}
.shooting_star:nth-child(17)::before, .shooting_star:nth-child(17)::after {
  animation-delay: 5913ms;
}
.shooting_star:nth-child(18) {
  top: calc(50% - -436px);
  left: calc(50% - 78px);
  animation-delay: 2980ms;
}
.shooting_star:nth-child(18)::before, .shooting_star:nth-child(18)::after {
  animation-delay: 2980ms;
}
.shooting_star:nth-child(19) {
  top: calc(50% - -138px);
  left: calc(50% - -95px);
  animation-delay: 5005ms;
}
.shooting_star:nth-child(19)::before, .shooting_star:nth-child(19)::after {
  animation-delay: 5005ms;
}
.shooting_star:nth-child(20) {
  top: calc(50% - -996px);
  left: calc(50% - 107px);
  animation-delay: 4438ms;
}
.shooting_star:nth-child(20)::before, .shooting_star:nth-child(20)::after {
  animation-delay: 4438ms;
}
 
@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 80px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shooting {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
  }
}
@keyframes sky {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}


붙여넣기!
컬러는 #3C4048 이걸로 적용되어 있어서
바꾸고 싶음 검색해서 바꾸면 될듯?!
혹시 안되면 말해줘-!!!

border: 3px double

1. 모바일에서 별똥별 효과 색이 바뀌지 않는 문제
2. 관리자 아이콘이 변경되지 않음

spade 선택
ctrl+A 모두선택 ctrl+T 선택취소
ctrl shift w 줌 윈도우
ctrl shift e / shift z 전체화면

r 사각형
c 서클
b 페인트 +alt 스포이드
T 줄자
D 치수선

이동 V / A
펜 P
텍스트 T
사각형 M 서클 L
스포이드 I (텍스트 모드는 시프트 추가)
Shift+O
컬러스왑 X
채우기 <
색 없애기 /

순서(드로오더)
Ctrl + ], [
Ctrl + shift + ],[

Ctrl+Y 엑스레이모드

ctrl+G 그룹 Ctrl+shift+G 언그룹

ctrl+7 마스킹
ctrl+alt+7 마스킹취소

ctrl+R 줄자
ctrl+; 가이드 하이드

alt+클릭드래그 : 복사 (시프트 정렬)

LINK

이미지 크기 조정 : Ctrl + Alt + 마우스 왼클릭
이미지 회전 : Ctrl (또는 Shift) + 마우스 왼클릭
이미지 자르기 : C + 마우스 왼클릭
자른 영역에서 이동 : V + 마우스 왼클릭
이미지 변형 재설정(초기화) : Ctrl + Shift + T
이미지 자른 영역 재설정(초기화) : Ctrl + Shift + C
다음 이미지 보기 : →
이전 이미지 보기 : ←
이미지 앞으로 배치 : ↑
이미지 뒤로 배치 : ↓
이미지 복사 : Ctrl + C
이미지 붙여넣기 : Ctrl + V
이미지 모두 선택 : Ctrl + A
선택한 이미지 삭제 : Del

캔버스 이동 : 마우스 휠버튼 누른채 드래그
캔버스 Trim (이미지 사이즈에 맞게 조절) : Ctrl + O
캔버스 잠금 : Ctrl + R
캔버스 내보내기 : Ctrl + E

마우스 우클릭 후 드래그 : 창 이동
메뉴창 : 마우스 우클릭
세팅창 : Ctrl + U
도움말 : Ctrl + H
창 항상 위로 : Ctrl + Shift + A
창 크기 최대 : Ctrl + F
창 크기 최소 (작업표시줄로 내리기) : Ctrl + M
저장 : Ctrl + S
다른 이름으로 저장 : Ctrl + Shift + S
퓨어레프 종료 : Ctrl + X
출처: LINK [친절한효자손 취미생활:티스토리]

오토캐드 기초 4일 완성 LINK

도면 실무 모델링 예제 LINK
스케치업 기초~실무 90강 LINK

판넬 디자인 LINK
단축키 LINK
다이어그램1 LINK
다이어그램2 LINK

단축키 LINK
아놀드 모델링 LINK

디자인 체크리스트 LINK