Blog
Select Page

Category: Misc

Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.

CSS – Multiple Backgrounds

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;}
ChartJS – Vertical line on points and custom tooltip

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

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);...
Switch button using CSS Only

Switch button using CSS Only

Misc

With the following method, you can create a custom switch button for your website or web application using HTML and CSS only. Demo Open demo in a full window – https://demos.webdevpuneet.com/css/switch-button/index.html HTML <div...