P Paper
  • Menu
  • Imersive video
  • Reveal1
  • Reveal2
  • Animated Intro
  • AOS-PDP-New
  • Sticky Footer
  • 3D grid
  • Vertical Fixed Nav
  • Vertical Fixed Nav2
  • Split Screen Reveal
  • On Load block revealer
  • On Scroll1
  • Modal Block reveal
  • Orgami Foldout Gallery
  • On Load blockX
  • Hover Slide
  • Grid Loading3
  • AOS Multistep
  • Onscroll-Orig
  • Border SVG Line
  • Samsung
  • HTML5 Video
  • Split Screen NEW1
  • Hover Tilt8N
  • Hover Tilt8-single
  • Horiz TimeLine
  • vert timeline
  • Vert Scroll timeline
  • Vline-Manoela
  • Split Screen rev 2 img
  • 10 Image Hover Effects
  • Rotate Icon
  • CSS Masked Transition
  • Hover Tilt Effect-N
  • Image Mask
  • SVG MOdal window
  • Border Animation SVG
  • BorderSVG1
  • Card Expansion
  • Multi Overlay
  • Hover Stack Motion
  • FAQ
  • responsive accordion
  • Smart Fixed Navigation
  • Vertical Fixed Nav1
  • Multiple Content Overlays
  • Card Expansion Pbrisk Apsara
  • Scroll Down Mouse SVG
  • Ex Bar Menu1
  • Ex Bar Menu2
  • Expanding Bar Menu3
  • Zoom
  • Hover Effect set1
  • Hover Stack 1row
  • Blend Double Exp
  • Cross Ref Table
  • Grid Load Animation
  • Split Page Layout
  • Team member bio
  • Responsive vertical tab
  • Product Comparision
  • Product Compare Manoela
  • Designer Developer Page
  • Header Play
  • Explodal
  • Explodal-New
  • Arti Intro Fixed Side
  • Arti intro side
  • Arti intro grid
  • Morphing Back
  • Morphing Back2a
  • Folder Preview Ideas
  • Folder Pre-3
  • Responsive Tabs-RTAB
  • Responsive Full Width Tab
  • Letter Interaction
  • Image Grid Demo1
  • lLittleSnippet1579
  • Split Screen rev 2a
  • Pointy Slider
  • Organic Morphing
  • Organic Morphing2
  • Buttons Baamboo
  • CSS Grid Slide Show
  • CSS Grid Slide Demo1
  • Sticky Top
  • Animated Pieces
  • Schedule Template
  • Animated Pieces Grid
  • Animated Pieces Gallery
  • M word Overlays
  • Hover Menu Items
  • Morphpage-d2
  • morphpage d-3
  • Back to top
  • Hover-menu-salal
  • Hover Menu-Yona
  • Hove Menu-Dustu
  • hover Menu Tsula
  • Menu hover Mohe
  • Morphing Back2aNew
  • Auto Hide Nav 3
  • indexap
    • servicesap
  • DragImageGrid
  • Split Layout
  • Deco Lines EX3
  • Organic SVG Morph
  • Team member bio1
  • Strechy Navigation
  • MENU Block revealer
  • Smart Fix Nav V1
  • lice Dual Demo1
  • Slice Demo1-Play
  • SVG Hero2
  • Slice Demo2-Play
  • Liquid D3
  • Grid Load Animation -shu
  • Quad Image
  • SVG Shape Overlay
  • Split Screen
  • xpandable Project Pres
  • Sliding Panel
  • Menu
  • Imersive video
  • Reveal1
  • Reveal2
  • Animated Intro
  • AOS-PDP-New
  • Sticky Footer
  • 3D grid
  • Vertical Fixed Nav
  • Vertical Fixed Nav2
  • Split Screen Reveal
  • On Load block revealer
  • On Scroll1
  • Modal Block reveal
  • Orgami Foldout Gallery
  • On Load blockX
  • Hover Slide
  • Grid Loading3
  • AOS Multistep
  • Onscroll-Orig
  • Border SVG Line
  • Samsung
  • HTML5 Video
  • Split Screen NEW1
  • Hover Tilt8N
  • Hover Tilt8-single
  • Horiz TimeLine
  • vert timeline
  • Vert Scroll timeline
  • Vline-Manoela
  • Split Screen rev 2 img
  • 10 Image Hover Effects
  • Rotate Icon
  • CSS Masked Transition
  • Hover Tilt Effect-N
  • Image Mask
  • SVG MOdal window
  • Border Animation SVG
  • BorderSVG1
  • Card Expansion
  • Multi Overlay
  • Hover Stack Motion
  • FAQ
  • responsive accordion
  • Smart Fixed Navigation
  • Vertical Fixed Nav1
  • Multiple Content Overlays
  • Card Expansion Pbrisk Apsara
  • Scroll Down Mouse SVG
  • Ex Bar Menu1
  • Ex Bar Menu2
  • Expanding Bar Menu3
  • Zoom
  • Hover Effect set1
  • Hover Stack 1row
  • Blend Double Exp
  • Cross Ref Table
  • Grid Load Animation
  • Split Page Layout
  • Team member bio
  • Responsive vertical tab
  • Product Comparision
  • Product Compare Manoela
  • Designer Developer Page
  • Header Play
  • Explodal
  • Explodal-New
  • Arti Intro Fixed Side
  • Arti intro side
  • Arti intro grid
  • Morphing Back
  • Morphing Back2a
  • Folder Preview Ideas
  • Folder Pre-3
  • Responsive Tabs-RTAB
  • Responsive Full Width Tab
  • Letter Interaction
  • Image Grid Demo1
  • lLittleSnippet1579
  • Split Screen rev 2a
  • Pointy Slider
  • Organic Morphing
  • Organic Morphing2
  • Buttons Baamboo
  • CSS Grid Slide Show
  • CSS Grid Slide Demo1
  • Sticky Top
  • Animated Pieces
  • Schedule Template
  • Animated Pieces Grid
  • Animated Pieces Gallery
  • M word Overlays
  • Hover Menu Items
  • Morphpage-d2
  • morphpage d-3
  • Back to top
  • Hover-menu-salal
  • Hover Menu-Yona
  • Hove Menu-Dustu
  • hover Menu Tsula
  • Menu hover Mohe
  • Morphing Back2aNew
  • Auto Hide Nav 3
  • indexap
    • servicesap
  • DragImageGrid
  • Split Layout
  • Deco Lines EX3
  • Organic SVG Morph
  • Team member bio1
  • Strechy Navigation
  • MENU Block revealer
  • Smart Fix Nav V1
  • lice Dual Demo1
  • Slice Demo1-Play
  • SVG Hero2
  • Slice Demo2-Play
  • Liquid D3
  • Grid Load Animation -shu
  • Quad Image
  • SVG Shape Overlay
  • Split Screen
  • xpandable Project Pres
  • Sliding Panel
Search by typing & pressing enter

YOUR CART

Ken Burns Effect

pic1
Folder: Ken Burns Effect

Footer code:

<!-- folder ken burns -->
<!-- footer code for ken burns starts here -->
    <script src="http://apsara1.weebly.com/files/theme/prefixfree.min.js"></script>
<!-- footer code for ken burns ends here -->

Header code

<!-- folder ken burns -->
<!-- header code for ken burns starts here -->
        <link rel="stylesheet" type="text/css" href="http://apsara1.weebly.com/files/theme/kenburns.css" />
<!-- header code for kenburns ends here -->

Morph

beach

Grow

portrait

Shrink

city

Side Pan

kick

Vertical Pan

climb

Focus

cricket

Flexbox


Responsive Flexbox


Social Icons

google facebook linked in twitter

Code that makes this happen

<div id="images">
    <a href="https://www.google.com/?gws_rd=ssl">
        <img class="fblogo morph" src="https://www.weebly.com/editor/uploads/3/1/7/9/31791623/custom_themes/544500809516456357/files/img/icon/g2.png" alt="google">
    </a>
    <a href="https://www.facebook.com/">
        <img class="fblogo morph" src="https://www.weebly.com/editor/uploads/3/1/7/9/31791623/custom_themes/544500809516456357/files/img/icon/fb.png" alt="facebook">
    </a>
    <a href="https://www.linkedin.com/">
        <img class="fblogo morph" src="https://www.weebly.com/editor/uploads/3/1/7/9/31791623/custom_themes/544500809516456357/files/img/icon/li.png" alt="linked in">
    </a>
    <a href="https://twitter.com/">
        <img class="fblogo morph" src="https://www.weebly.com/editor/uploads/3/1/7/9/31791623/custom_themes/544500809516456357/files/img/icon/twit.png" alt="twitter">
    </a>
  <!-- images placed inside block elements to deal with a Firefox rendering bug affecting  scaled flexbox images -->
</div>
<style>

.fblogo {
    padding: 0 5px 0 5px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
}

#images{
    text-align:center;
}
/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

<!-- end html for morpinig image -->

</style>

grow in 5 seconds

portrait

grow in 10 seconds

portrait
Powered by Create your own unique website with customizable templates.