Here is a custom range slider I created to use gradients in the slided part and the thumb itself. DEMO See the Pen Custom Range Sliders by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div class=”slider”> <span...
Here is a simple example of creating a customized pie chart using the Apache Echart library. DEMO See the Pen Pie Chart Using Echart by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div id=”piechart1″ style=”width:...
Here is an example with a demo to create a customized line area chart with gradient and customized x-axis labels with customized tooltips. DEMO See the Pen Line Area Chart – using Apache Charts by Puneet Sharma (@webdevpuneet) on CodePen. CODE HTML <div...
Here is a very nice rocket animation that burst-ignites than gains momentum and finally slows down and stops ignition. See the Pen Rocket Animation with GSAP by Puneet Sharma (@webdevpuneet) on CodePen.
Here are some awesome examples of text animations achieved with the help of GSAP’s split text plugin. See the Pen GSAP Text Animation by Puneet Sharma (@webdevpuneet) on CodePen. See the Pen GSAP Text Animation Demos by Puneet Sharma (@webdevpuneet) on CodePen....
Here are some Scroll pinning examples to create objects using GSAP Creating a gun See the Pen Image decompose on scroll – ScrollTrigger by Puneet Sharma (@webdevpuneet) on CodePen. Creating a Shoe See the Pen Scroll to construct a shoe – ScrollTrigger by...