[패스트캠퍼스] 프론트엔드 강의 2주차 학습일지

Junie·2022년 9월 6일
0

끝까지열공챌린지

목록 보기
2/4

패스트캠퍼스에서 국비지원교육으로 프론트엔드 강의를 듣기 시작한지 2주일!

2주차 강의를 완강 후 쓰는 학습일지

2주차 강의는 css 내용이었다. 아직은 강의 내용이 대부분 숙지하고 있는 것들이지만 잊지 말고자 기록 해본다.

✏️이번 주차 강의에서 새롭게 배운 것 기록하기

✅perspective 속성과 함수의 차이점

•perspective가 함수일 경우:
관찰 대상의 부모에 적용된다. 기준점은 perspective-origin으로 설정할 수 있다.

•perspective가 transform의 속성으로 올 경우:
관찰 대상 자체에 적용되며 transform-origin을 통해 기준점을 설정할 수 있다.

(강사님께서는 개인적으로 속성보다는 함수를 사용하는것을 선호하신다고 하셨다.)

✅backface-visibility:hidden;

애니메이션 효과를 입체적으로 줄 수 있는 아주 신박한 함수이다. 해당 함수를 통해 추후 클론 코딩하게 될 스타벅스 홈페이지에 두 개의 요소를 겹친 후 transition을 이용해 hover를 통해 입체적인 효과를 줄 수 있다.

0개의 댓글