Select Page
CSS – Multiple Backgrounds

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

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

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

Switch button using CSS Only

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...
How to create background stripes using CSS?

How to create background stripes using CSS?

Example of background stripes using CSS Only With the following post you will learn how to create background stripes using CSS only and no extra images. You just need to apply this simple script and modify it according to your needs. CSS .box{ background:...