티스토리 뷰




CSS3로 이렇게 애니메이션 주니 놀라울 따름이네요~
모션을 계산하는 것도 어려울 텐데^^

<div id="letter">P</div>
<div id="description">is for Polaroid</div>

<div id="animation">
    <div class="flash"></div>
    <div class="fold top"></div>
    <div class="fold bottom"></div>
    <div class="face">
        <div class="notch"></div>
        <div class="lens"></div>
        <div class="dial right"></div>
        <div class="dial left"></div>
        <div class="button"></div>
        <div class="label">Polaroid</div>
    </div>
    <div class="photo"></div>
</div>

이게 기본 틀인데~~
참...대단하네요~






See the Pen P - Polaroid by Alex Bergin (@abergin) on CodePen.

댓글
댓글쓰기 폼