CSS3覆蓋目標一次點擊 - 兩次轉換

Question

我有一個CSS3 div覆蓋。從左到右。點擊「打開它」後，是否可以將標識「內容」從右向左移動（滑動）？

http://jsfiddle.net/PpQTB/3/

.overlay-target:target { 
    right: 0; 
    left: 0%; 
    top: 0; 
    bottom: 0; 
    width: 100%; 
} 

#content 
{ 
/* right to left after click to overlay */ 
} 

Answer 1

爲@ tobiv的使用建議轉換UPDATE：

DEMO

#content { 
    -webkit-transform: translateX(0); 
    -webkit-transition: -webkit-transform 0.5199s ease-in-out; 
} 

.overlay-target:target + #content { 
    -webkit-transform: translateX(100%); 
} 

body { 
    overflow-x: hidden; 
    padding: 0; 
    margin: 0; 
} 

ORIGINAL：

你可以做一些SI類似於你已經在做的事情。你需要調整的時機：

DEMO

#content { 
    margin-left: 0; 
    -webkit-transition: margin 0.5199s ease-in-out; 
} 

.overlay-target:target + #content { 
    margin-left: 100%; 
}