개발일지 2021/06/02

강민정·2021년 6월 2일

학습한 내용

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

  1. forest1
  2. forest2
  3. forest3
  4. science
  5. night1

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

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

to {
	left: 100%;
    

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


  1. farm1 : 농부 영역
    *그라데이션 레이어작업 어렵당..
  1. farm2 : 왼쪽 벼, 오른쪽 벼 영역
    #farm2 {
    position: relative; 적용

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


  1. forest1

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

  1. forest2
  1. forest3

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

해결방법 작성

학습 소감

profile
TODO 개발서 만들기

0개의 댓글