CSS3의 말림 (뒤집기)

Question

JavaScript로 페이지 말림에 성공했지만 약간 느린 것 같습니다. 순수 CSS로 페이지를 뒤집을 수 있습니까?

이 코드

function drawFlip(flip) { 
    // Strength of the fold is strongest in the middle of the book 
    var strength = 1 - Math.abs(flip.progress); 

    // Width of the folded paper 
    var foldWidth = (PAGE_WIDTH * 0.165) * (1 - flip.progress/0.5); 

    // X position of the folded paper 
    var foldX = PAGE_WIDTH * flip.progress + foldWidth; 

    // How far the page should outdent vertically due to perspective 
    var verticalOutdent = 20 * strength; 

    // The maximum width of the left and right side shadows 
    var paperShadowWidth = (PAGE_WIDTH * 0.5) * Math.max(Math.min(1 - flip.progress, 0.5), 0); 
    var rightShadowWidth = (PAGE_WIDTH * 0.5) * Math.max(Math.min(strength, 0.5), 0); 
    var leftShadowWidth = (PAGE_WIDTH * 0.5) * Math.max(Math.min(strength, 0.5), 0); 

Answer 1

의 작은 조각은이 http://romancortes.com/ficheros/page-flip.html