jQuery Effects And Animation

scrimba

Watch in fullscreen

by Christian McFarland

About

Comments

Notes

jQuery Effects And Animation

by Christian McFarland

Expand for more info

index.html

run

preview

console

<html>
  <head>
    <style>
        .circle {
        width: 100px;
        height: 100px;
        border: 1px solid gray;
        border-radius: 50px;
        display: inline-block;
        background-color: red;
        }
    </style>
  </head>
  <body>
    <h2>jQuery Effects And Animation</h2>
    
    <button id="hide-element">Hide</button>
    <button id="show-element">Show</button>
    <button id="slide-element">Slide</button>
    <button id="fade-element">Fade</button>
    <button id="animate-element">Animate</button>
    
    <br />
    <br />
    
    <div class="circle"></div>

   <script src='index.pack.js'></script>
  </body>
</html>

<html>

<head>

<style>

.circle {

width: 100px;

height: 100px;

border: 1px solid gray;

border-radius: 50px;

display: inline-block;

background-color: red;

}

</style>

</head>

<body>

<h2>jQuery Effects And Animation</h2>

<button id="slide-element">Slide</button>

<button id="animate-element">Animate</button>

<br />

</body>

</html>

-1:16