728x90
반응형

object-fit 2

비주얼 스튜디오 코드 76_파노라마_완성

[face4 영역 작업] html mark up -video: 경로지정해서 영상 삽입 후 뒤에 효과 명령어 넣기 controls: 시작, 정지 버튼이 활성화 muted: 음소거 , muted와 autoplay를 같이 써줘야 autoplay이가 실행이 된다. .face4 css edit video size 줄이기 width: 100% p태그와 em태그를 옆으로 나열하는 방법 1. float(left, right)로 띄워줌 단, 부모태그에 overflow: hidden 이나 clearfix 적용 2. display: inline-block >> 너비값이 있어야함 3. position 으로 위치지정 [.face5 영역 작업] html markup .face5 css edit .pic 이미지 편집 backgro..

비주얼 스튜디오 코드 65_파노라마 회사 소개

1. 배경 - 영상 넣기 글꼴넣기 다른방법으로 폰트 넣기 font : 17px 1.4(줄간격) 폰트종류 body css편집 wrap에서 fixed 하기 object-fit: cover; 비율 맞추기 html 마크업 #circle css 편집 #circle 3d효과 지정 #circle html 세부 마크업 #circle article css 편집 위치 정하기 #circle html 세부 마크업2 #circle article h2 css 편집 #circle article .inner css 편집 article 숨겨주기 div 하나하나 편집해준다. face1 부터 편집 face1 html 마크업 div 6개가 필요하다. 폰트어썸 이미지를 넣어야하기 때문에 폰트어썸 링크를 걸어주자 i태그 밖에 p태그를 추가해준..

728x90
반응형