Difference between revisions of "Team:TUDelft/Header"

Line 145: Line 145:
  
 
<!----- GO TO TOP BUTTON --->
 
<!----- GO TO TOP BUTTON --->
 +
#myBtn {
 +
  display: none; /* Hidden by default */
 +
  position: fixed; /* Fixed/sticky position */
 +
  bottom: 20px; /* Place the button at the bottom of the page */
 +
  right: 30px; /* Place the button 30px from the right */
 +
  z-index: 99; /* Make sure it does not overlap */
 +
  border: none; /* Remove borders */
 +
  outline: none; /* Remove outline */
 +
  background-color: red; /* Set a background color */
 +
  color: white; /* Text color */
 +
  cursor: pointer; /* Add a mouse pointer on hover */
 +
  padding: 15px; /* Some padding */
 +
  border-radius: 10px; /* Rounded corners */
 +
  font-size: 18px; /* Increase font size */
 +
}
  
 +
#myBtn:hover {
 +
  background-color: #555; /* Add a dark-grey background on hover */
 +
}
  
 
<!----- RANDOM--->
 
<!----- RANDOM--->
Line 271: Line 289:
  
 
         </div>
 
         </div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
+
 
  
 
    
 
    

Revision as of 09:27, 21 June 2019