Blog
Category: Misc
Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.
CSS – Multiple Backgrounds
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
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
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
/* 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);...