공부기록, 2021-05-14

일반

img의 부모로 div를 두개쓴이유
div에게 해당 오브젝트의 이름을 부여 하기위해서

 

<div class="img-box"><img src="#" alt=""></div>

<div class="work-name">

 

이미지 사이에 div를 하나 만들고
div를 유령화 시킨후에 크기를 이미지에 맞춘다.

transition을 활용하여

지정된 오브젝트를 커지게한다.
transform:scale(1.4) : 기존보다 40% 커진다.
transition:transform 1s : 1초동안 바뀐다.

 

z-index : 유령들간의 우열z-index 는 포지션이 static 이면 먹히지않는다. relative 여야 먹힌다.

opacity : 투명도 / 0:안보인다, 1:보인다.

 

숙제

오늘배운거 블로그에 적용하기

단톡방
일정 만들어서 올리기(조별톡방에도)