Sliding Logo

Developer
Anthony Marvin
Size
2,181 Kb
Views
10,120
  1. Sliding Logo Previews
  2. Sliding Logo HTML Codes
  3. Sliding Logo CSS Codes
  4. Sliding Logo JS Codes

How do I make an sliding logo?

What is a sliding logo? How do you make a sliding logo? This script and codes were developed by Anthony Marvin on 11 December 2022, Sunday.

Sliding Logo Previews
IQ Test

Sliding Logo - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Sliding Logo</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <noscript> <style> .hero-logo { top:0; } </style>
</noscript>
<a class="hero-logo w-inline-block" href="http://demo.li-lasik.com.php56-26.phx1-1.websitetestlink.com"><img src="http://demo.li-lasik.com.php56-26.phx1-1.websitetestlink.com/wp-content/themes/glacial/images/sightmdlasik.svg" height="70"> </a> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Sliding Logo - Script Codes CSS Codes

.hero-logo { top: -125px; padding: 1px; background-color: white; position: absolute; transition: 250ms ease all;
}
@media (max-width: 1035px) { .hero-logo { position: static; }
}

Sliding Logo - Script Codes JS Codes

$(document).ready(function() { $(".hero-logo").css("top","-125px")
})
$( window ).on("load", function() { $(".hero-logo").delay( 800 ).queue(function (next) { $(this).css("top", "0") next() })
})
Sliding Logo - Script Codes
Sliding Logo - Script Codes
Home Page Home
Developer Anthony Marvin
Username anthonyglacial
Uploaded December 11, 2022
Rating 3
Size 2,181 Kb
Views 10,120
Do you need developer help for Sliding Logo?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Anthony Marvin (anthonyglacial) Script Codes
Name
Grid Practice
Pulling the children of a site using the REST API
A Pen by Anthony Marvin
Bouncing Icon
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!