개발일지 2021/06/02

학습한 내용

키즈가오 웹사이트 제작해보기
2. farm1
3. farm2
4. farm3

5. forest1
6. forest2
7. forest3
8. science
9. night1

*잠자리 이동하기(애니매이션)
#intro .cloudWrap .dragonfly {
animation: flyDragonfly linear 7s infinite;
}

@keyframes flyDragonfly {
from {
left: -366px;
}

to {
	left: 100%;
    

*모바일 버전 설정 방법
@media (max-width: 767px) {
767px 이하는 모바일!

---

2. farm1 : 농부 영역
   *그라데이션 레이어작업 어렵당..

3. farm2 : 왼쪽 벼, 오른쪽 벼 영역
   #farm2 {
   position: relative; 적용

4. farm3 : 기계 영역
   (애니매이션에서)
   #farm3 .machineWrap .timer {
   animation: rotateTimer 10000ms linear infinite;

---

5. forest1

*모바일 버전에서 토끼를 안보이게 만들기(모바일버전)
#forest1 .treeWrap .rabbit1,
#forest1 .treeWrap .rabbit2 {
display: none;

6. forest2

7. forest3

학습한 내용 중 어려웠던 점 또는 해결못한 것들

해결방법 작성

학습 소감