키즈가오 실습2

Shin Woohyun·2021년 7월 14일
0

실습한 내용을 연습해 보면서 공부해볼까 싶다.

  1. div를 만들고 background-image로 이미지를 넣어서 화면에 꽉 차게 만들고 싶었다.
.background {
  width: 100%;
  height: 100%;
  background-image: url(background.jpg);
}

아무일도 일어나지 않았다. div에 내용이 없어서 화면에 상자 공간이 없었던 거였다. 상자가 없으니까 상자 배경이 보이지 않았던 것. height에 값을 주면 된다. 꽉 차게 보여주고 싶으니까 100vh를 주었다.

  1. CPU의 무거운 짐을 적합한 GPU에서 처리하기 때문에, 애니메이션의 경우에는 transform을 활용하면 효율적이다.

    https://mygumi.tistory.com/238 [마이구미의 HelloWorld]
    https://d2.naver.com/helloworld/59361

학습후기
translate와 브라우저 작동 원리에 대해서의 지식에 부족함을 느껴서 더 공부해서 보충해야겠다.

0개의 댓글