0
복사기에서 나오는 용지와 비슷한 페이지 효과를 만들려고합니다. 로드가 완료되면 본문 내용을 왼쪽에서 오른쪽으로 표시하고 싶습니다. 필자는 이미지와 같은 induivale 요소로 전체 페이지가 아닌이 작업을 수행하는 방법에 대한 많은 예제를 보았습니다. 다음은 함께 연결 한 코드 예제입니다. 내가 찾고있는 왼쪽에서 오른쪽으로 효과를 얻는 것처럼 보일 수 없어 IE에서 작동하지 않습니다. 나는 이제 막 웹 페이지를 코딩하기 시작 했으니 어떤 도움을 주시면 감사하겠습니다. 그 코드오프 페이지의 본문 내용로드 - 페이지로드시 왼쪽에서 오른쪽으로
<html>
<head>
<style>
body { padding-left: 5000px; -webkit-transition: all 1s ease; transition: all .5s ease; }
.loaded { padding-left: 5px; }
</style>
<script>function loaded (el) { el.classList.add('loaded') }</script>
</head>
<body onload="loaded(document.body)">
<br><br><br><br><br>
<table class="tftable" border="0" width="400">
<tr><th></th></tr>
<tr><td><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></td></tr>
</table>
</body>
</html>
시도를 애니메이션을 넣어하는 데 도움이 –