The javascript library for magical scroll interactions

Misc

https://scrollmagic.io/

CSS – Multiple Backgrounds

Misc

Multiple backgrounds with CSS3 div{background-image: url(img1.gif), url(img2.gif);background-position: right bottom, left top;background-repeat: no-repeat, repeat;}

OWL Carousel – Touch Swipe Support Responsive Carousel For Multiple Items

Misc

Owl Carousel 2 Touch-enabled jQuery plugin that lets you create a beautiful responsive carousel slider. Website – https://owlcarousel2.github.io/OwlCarousel2/index.html Features Fully CustomisableOver 60 options. Easy for novice users and even more powerful for...

ChartJS – Vertical line on points and custom tooltip

Misc

Here is a piece of code I developed for one of my projects where I needed to customize ChartJS with vertical line on hovered points and custom tooltip. View DEMO Open demo in a full window – https://demos.webdevpuneet.com/chartjs-verticle-line/index.html CODE...

Flip animation with two images on opposite sides

Misc

/* Banner Image Flip */ @-webkit-keyframes move1 { 0% { transform: rotate3d(0, 1, 0, 0deg); opacity: 1; } 10% { transform: rotate3d(0, 1, 0, 90deg); opacity: 0; } 50% { transform: rotate3d(0, 1, 0, 90deg); opacity: 0; } 60% { transform: rotate3d(0, 1, 0, 0deg);...