Scribd Logo
Importer

Bienvenue sur Scribd !

  • Experiment No. 5: Aim: - Design A Webpage Using Transition/transformation/animation. Program

    Transféré par

    khushboo dubey
    9 vues3 pages
    piiko

    Titre original

    AIT Exp 5

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    piiko

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    9 vues3 pages

    Experiment No. 5: Aim: - Design A Webpage Using Transition/transformation/animation. Program

    Transféré par

    khushboo dubey
    piiko

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    VU4F1516056

    Experiment No. 5
    Aim: -Design a webpage using transition/transformation/animation.

    Program:-

    <!doctype html>

    <html>

    <head>

    <title>Transition, Transformation, Animation</title>

    <style>

    div{

    width: 100px;

    height: 100px;

    background:blue;

    margin-left:300px;

    margin-top:300px;

    transition: width 2s,height 2s, transform 2s;

    animation-name:example;

    animation-duration: 4s;

    animation-iteration-count:infinite;

    div:hover {

    width: 200px;

    height: 200px;

    }
    @keyframes example{

    0%{background-color:red;}

    25%{transform:scale(2,2);}

    50%{transform:translate(500px,200px);}

    75%{transform:skew(20deg,20deg);}

    100%{transform:rotate(180deg);}

    </style>

    </head>

    <body>

    <div></div>

    </body></html>

    Output:-
    Conclusion:- A webpage has been developed using transition / transformation
    /animation.

    Vous aimerez peut-être aussi