반응형 전체 글267 [CSS] backface-visibility backface-visibility 뒤집어진 뒷면이 보여질지 안보여질지를 결정한다(visible/hidden) See the Pen Untitled by Bockchi Blood (@Bockchi-Blood) on CodePen. 2023. 10. 22. [CSS] transform :perspective() transform : perspective() - 3D 공간에서처럼 원근감을 구현시킬 때 사용 - 값이 적을수록 가깝게 보이고, 클수록 멀게 보인다. See the Pen Untitled by Bockchi Blood (@Bockchi-Blood) on CodePen. 2023. 10. 22. [CSS] background /*PICK YOUR FAVORITE*/ .pick-your-favorite { background-image: url("../images/favorite_bg.jpg"); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; } background와 관련된 요소들이 적힌 css 클래스를 가져와봤다. 대부분 코드만 봐도 이해가 가기에 이해가 안가는 부분만 살펴보기로 했다. - background-attachment: fixed; 이전에 봤던, position:fixed와 같다. 배경이미지가 지정된 곳에 고정되어 스크롤을 움직여도 위치가 변하지 않는다. - b.. 2023. 10. 22. [CSS] calc calc() calc() CSS함수를 사용하면 CSS 속성의 값으로 계산식을 지정할 수 있습니다. 무슨 말인고 하니… /* property: calc(expression) */ width: calc(100% - 80px); 일반적인 사칙연산 뿐만 아니라 이렇게 말도 안되는 식도 허용된다는 것이다. 2023. 10. 22. 이전 1 ··· 54 55 56 57 58 59 60 ··· 67 다음 반응형