1st week/0701_animation_case2.html

<html>
    <head>
        <style>
            @keyframes fadein {
                0% {
                    margin-left: 100%;
                    width: 300%;
                }
                100% {
                    margin-left: 0%;
                    width: 100%;
                } 
            }
            p {
                animation-name: fadein;
                position: relative;
                animation-duration: 3s;
            }
        </style>
    </head>
    <body>
        <p>“As I relax on the sofa and gaze around a room a thought hits me: this is exactly the place I’ve been looking for all my life. A little hideaway in some sinkhole somewhere. I’d always thought of it as a secret, imaginary place, and can barely believe that it actually exists. I close my eyes and take a breath, and wonder of it all settles over me like a gentle cloud.”</p>
    </body>
</html>