210723 오늘은 어제 배운 HTML5 태그들을 복습하고, transform을 활용한 다양한 hover effect에 대해 학습했다.
transform: rotate(10deg) scale(1.5) translateX(40px);
/* 각 효과의 순서에 따라 효과가 달라진다... */
background: url(../images/bg-bike.png) no-repeat 50% 88%,
linear-gradient(to bottom, rgba(0,0,0,0.4) 0, rgba(0,0,0,0) 37%, rgba(0,0,0,0) 83%, rgba(0,0,0,0.16) 92%, rgba(0,0,0,0.0) 98%);
/* 작은 이미지가 먼저 나오도록 한다. */