회전 보기 아이콘 효과

마지막 업데이트: 2024년 7월 22일
  • 주제:

작성 대상:

  • 개발자
  • 사용자

스핀 표시기가 스핀 보기 영역 위에 오버레이됩니다. 이미지가 재설정 상태일 때 표시되며, 이는 iconeffect 매개 변수에도 의존합니다.

기본 뷰어 영역의 CSS 속성

다음 CSS 클래스 선택기를 사용하여 보기 영역의 모양이 제어됩니다.

.s7mixedmediaviewer .s7spinview .s7iconeffect
CSS 속성설명
배경 이미지회전 표시기 아트워크입니다.
백그라운드 위치

CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 배치합니다.

CSS 스프라이트을(를) 참조하십시오.

너비회전 표시기 너비입니다.
높이회전 표시기 높이입니다.

회전 표시기는 1차원 회전 집합이 있는 경우 spin_1D(으)로 설정되고 다차원 회전 집합이 있는 경우 spin_2D(으)로 설정된 state 특성 선택기를 지원합니다.

예 - 100x100픽셀 확대/축소 표시기를 설정합니다.

.s7mixedmediaviewer .s7spinview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7mixedmediaviewer .s7spinview .s7iconeffect[state="spin_1D"] {
background-image: url(images/spinIcon_1D.png);
}
.s7mixedmediaviewer .s7spinview .s7iconeffect[state="spin_2D"] {
background-image: url(images/spinIcon_2D.png);
}
recommendation-more-help