2012-04-18 102 views
0

因此,基本上需要做的是,在時間0,寬度爲0,時間1,寬度應從右向左漸進地增加 i想最難的部分是從「從右至左」動畫吧,我沒有問題,動畫的東西,從左至右像下面從右向左增加或增加div標籤寬度

@-webkit-keyframes reducetime { 
0% {width: 100%;} 
25% {width: 75%;} 
50% {width: 50%;} 
75% {width: 25%;} 
    to {width: 0%;} 
} 

增加尺寸,我更喜歡的解決方案並不需要額外的插件,但隨時如果沒有其他方式提供這樣的解決方案。謝謝

+0

你可以定位你絕對動畫項目,右:0; – mikevoermans 2012-04-18 17:07:36

回答

0

有演示http://jsfiddle.net/ZJyYY/ 只需使用float:正確的放置在右邊的容器;)

+0

如果要動畫的元素是position:fixed? – 2013-10-04 15:15:17

+0

@SenicaGonzalez add'right:0;'http://jsfiddle.net/ZJyYY/71/ – 2013-10-05 11:11:18

2

寬度不是左側或右側的動畫,它只是div的內容,位於div的左邊緣。

只需將內容相對於右邊緣置於左側即可隱藏。根據你在div中的內容,你可能需要另外一個容器(div),你使用position: absolute; right: 0來設計風格。