回轉視圖表徵圖效果

自旋指示器覆蓋在自旋視圖區域上。 當影像處於重設狀態時,就會顯示它,而且它也會依循圖示效果參數。

主檢視器區域的CSS屬性

檢視區域的外觀會使用下列CSS類別選擇器加以控制:

.s7mixedmediaviewer .s7spinview .s7iconeffect

CSS屬性

說明

背景影像

回轉指示器圖稿。

背景位置

如果使用CSS精靈,請放在圖稿精靈內。

請參閱 CSS精靈

width

回轉指示器寬度。

height

回轉指示器高度。

回轉指示器支援在單維回轉集中設定為spin_1Dstate屬性選擇器,在多維回轉集中設定為spin_2D

範例——設定100 x 100像素縮放指標。

.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); 
}

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now