Tag Archives: slide

Image Slider with clip-path animation

By | October 7, 2018

Cool slider animation with clip-path. Image slide show animation developed using CSS, HTML and JavaScript. Demo and Download options are available. Demo Download Author Uwe Chardon Created SEPTEMBER 16, 2018 License Open Compatible browsers Chrome, Firefox, Safari HTML Snippet <div class=”slider” data-state=”0″> <svg id=”prev” viewBox=’0 0 100 100′> <circle cx=”50″ cy=”50″ r=”85″ /> <path d=”M 65,2 17,50 65,98″… Read More »

Headroom.js with Bootstrap: Hide header menu on scroll down and Show menu on scroll up

By | March 24, 2016

Here w3 tweaks explored the hide and show the header on scroll using headroom.js and Bootstrap. On scroll up hide the header and scroll down show the header. This Headerroom.js designed only for header show and hide on scroll up and down. This tutorial will explain four different types of animation effects on hide and show the header… Read More »