// hide show password if ( document.querySelectorAll(‘.toggle-password’) ){ let hideshowpassbtns = document.querySelectorAll(‘.toggle-password’); hideshowpassbtns.forEach(item => { item.addEventListener(‘click’, e => { let toggleId...
Variables declared in the self executing function only exists within the scope of self executing function and not outside of it. so you can decare and write code without worring of it’s effect on other blocks of code. Also this type of function is only effective...
You can apply the following css to your SVG to animate it. For eyes, you will need to measure transform-origin i.e. distance of the center of each eye from the top and leftmost part of the SVG. /* Keyframes */ @keyframes eyes { 0%{ transform: scale(1,1); } 27.5%{...
How to know the length of the path in SVG to animate it with the stroke offset method? Well, the answer is very simple. Just use the following JavaScript and update its selector to that of the path you want to calculate the length of. Check the length value in the...
First of all you will need to include the canvas with a unique id and include chart.js cdn js file and then follow the steps below. Include Chart.js file <script src=”https://cdn.jsdelivr.net/npm/chart.js”></script> HTML Ass this canvas tag...
Created this cool-looking ripple effect animation on the button. It can be implemented on any other element other than buttons. The expanding ripple / circular shape follows mouse/pointer movement during the mouseenter and mouseleave event. The supporting script is in...
Blog
