2016-04-23 35 views

回答

1

回答更新

/* keyframes*/ 

@keyframes 
slideShow { 0% { 
opacity: 0; 
transform:scale(1); 
-ms-transform:scale(1); 
} 
5% { 
opacity: 1 
} 
25% { 
opacity: 1; 
} 
30% { 
opacity: 0; 
transform:scale(1); 
-ms-transform:scale(1); 
} 
100% { 
opacity: 0; 
transform:scale(1); 
-ms-transformm:scale(1); 
} 
} 
@-o-keyframes 
slideShow { 0% { 
opacity: 0; 
-o-transform:scale(1); 
} 
5% { 
opacity: 1 
} 
25% { 
opacity: 1; 
} 
30% { 
opacity: 0; 
-o-transform:scale(1); 
} 
100% { 
opacity: 0; 
-o-transformm:scale(1); 
} 
} 
@-moz-keyframes 
slideShow { 0% { 
opacity: 0; 
-moz-transform:scale(1); 
} 
5% { 
opacity: 1 
} 
25% { 
opacity: 1; 
} 
30% { 
opacity: 0; 
-moz-transform:scale(1); 
} 
100% { 
opacity: 0; 
-moz-transformm:scale(1); 
} 
} 
@-webkit-keyframes 
slideShow { 0% { 
opacity: 0; 
-webkit-transform:scale(1); 
} 
5% { 
opacity: 1 
} 
25% { 
opacity: 1; 
} 
30% { 
opacity: 0; 
-webkit-transform:scale(1); 
} 
100% { 
opacity: 0; 
-webkit-transformm:scale(1); 
} 
} 

更新這種風格與您現有的風格。

+0

它不起作用。寬度工作很好,但問題與高度 –

+0

高度問題是什麼? – vel

+0

我希望我的身高(第一個塊滑塊)像http://mahno.com.ua/en/中放大或縮小時一樣,第一個塊必須適合瀏覽器(100%)。怎麼做? –

0

基本上應該足以將高度屬性設置爲100vh值它應該做的伎倆。 width屬性可以留在100%

編輯它是VH1不是VM

相關問題