How to Add Christmas Celebration Animation in WordPress Website
function add_custom_div(){ // add your custom code here to do something echo ‘ ‘; echo ‘ ‘; } add_action( ‘wp_footer’, ‘add_custom_div’ ); function snow_js() { ?>Continue reading
Tag: Animation
How to Add Diwali Celebration Animation in WordPress Website (copy)
<!– Add below HTML after start tag –> #diwali { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1000; } #fireworksContainer { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; /*…Continue reading
How to Add Diwali Celebration Animation in WordPress Website
function add_custom_div(){ echo ‘ ‘; echo ‘ ‘; echo ‘ ‘; } add_action( ‘wp_footer’, ‘add_custom_div’ ); function diwali_js() { ?>Continue reading
Fading Page Transitions
document.addEventListener(“DOMContentLoaded”, function() { // Create and insert CSS styles for fade-in and fade-out const style = document.createElement(‘style’); style.innerHTML = ` .fade-out { opacity: 0; transition: opacity 0.5s ease-in-out; } .fade-in { opacity: 1; transition: opacity 0.5s ease-in-out; } `; document.head.appendChild(style);…Continue reading
Menu Item image Animation on Hover
.header-navigation .menu .menu-item:hover { background: url(https://ecommerce-base-1.instawp.xyz/wp-content/uploads/2024/05/Plan-De-Travail-14_7png.webp) no-repeat; background-size: contain; background-position: center; transition: 0.5s; }Continue reading
Menu Item image Animation on Hover
.header-navigation .menu .menu-item:hover { background: url(https://ecommerce-base-1.instawp.xyz/wp-content/uploads/2024/05/Plan-De-Travail-14_7png.webp) no-repeat; background-size: contain; background-position: center; transition: 0.5s; }Continue reading