로메오의 블로그

Final Cut Pro 목록 https://www.insta360.com/kr/download/insta360-onex2 Insta360 Studio를 설치합니다. Insta360으로 촬영한 360도 insv 파일을 PC로 복사합니다. Insta360 Studio에서 insv파일을 불러옵니다. 내보기기할 부분을 in out을 잡고 내보내기 버튼을 누릅니다. 360도 동영상을 선택하고 대기목록에 추가 버튼을 누릅니다. 대기 목록에 표시됩니다. 같은 파일에서 다른 부분을 in out을 잡고 내보내기 합니다. 대기 목록에서 전체 내보내기 버튼을 눌러 mp4파일로 저장합니다. Final Cut Pro 목록

Figma 목록 사각형과 Text를 이용해서 위와같은 버튼을 만듭니다. 사각형과 Text를 선택하고 Add auto layout 합니다. Frame1이 #모양에서 위와같은 아이콘으로 변경됩니다. 적당히 이름을 변경해 줍니다. Text를 수정하면 자동으로 사각형 사이즈가 변경됩니다. Auto layout 패널에 좌측부터 세로 정렬 가로정렬 텍스트앞에 아이콘이 있다면 간격 조정 마지막에는 padding값을 직접 수정할 수 있습니다. Mixed에 값을 입력하면 같은 값으로 padding이 변경됩니다. Figma 목록

Figma 목록 Figma 목록

Figma 목록 Manage plugins를 선택합니다. Browse plugins in Community를 선택합니다. material design icon을 검색합니다. Material Design Icons를 설치합니다. 설치되었습니다. Plugins > Material Design Icons를 실행합니다. 아이콘을 드래그해서 캔버스에 옮깁니다. 컬러도 바꿔봅니다. Figma 목록

backdrop-filter: none; /* SVG 필터를 가리키는 URL */ backdrop-filter: url(commonfilters.svg#filter); /* 값 */ backdrop-filter: blur(2px); backdrop-filter: brightness(60%); backdrop-filter: contrast(40%); backdrop-filter: drop-shadow(4px 4px 10px blue); backdrop-filter: grayscale(30%); backdrop-filter: hue-rotate(120deg); backdrop-filter: invert(70%); backdrop-filter: opacity(20%); backdrop-filter: sepia..

Transition Keyframe

아이디 저장 .checkbox-control input+label { display: block; width: 154px; height: 24px; padding-left: 35px; background: url(../img/uncheck.png) no-repeat 0 0px / contain; } .checkbox-control input:checked+label { background: url(../img/check.png) no-repeat 0 0px / contain; } .checkbox-control input { display: none; }

flex 선언 .container { display: flex /* display: inline-flex */ } flex 방향 .container { flex-direction: row; /* flex-direction: column; */ /* flex-direction: row-reverse; */ /* flex-direction: column-reverse; */ } 줄넘김 .container { flex-wrap: nowrap; /* flex-wrap: wrap; */ /* flex-wrap: wrap-reverse; */ } nowrap: 영역 밖으로 삐져나감 wrap: 줄 넘김 wrap-reverse: 위로 줄 넘김 메인축 방향 정렬 .container { justify-content: fl..