Scroll CSS With Links

Video Tutoral at https://youtu.be/o-gqJjppJ10

<html>
<head>
 <style>
       .scrollbar-link {
         width: 50%;
         border:0.1px solid grey;
         overflow: auto;
         white-space: nowrap;
         background: black; 
         padding: 3px;  
}
        a {
        display: inline-block; 
        padding: 15px; 
        text-decoration: none; 
        color: yellow; 
        font-family: 'GestaRegular', Arial, Helvetica, sans-serif; 
        font-size: 18px;
}
      a:hover {
      background-color: yellowgreen;
}
 </style>
</head>

<body>
<center>
<div class="scrollbar-link" >
  <a href="#">Home</a>
  <a href="#">Health</a>
  <a href="#">Wealth</a>
  <a href="#">Love</a>
  <a href="#">Compassion</a>
  <a href="#">Selfless</a>
  <a href="#">Happiness</a>
  <a href="#">All The Sentient Beings Are Our Parents</a>
  <a href="#">Pray For All The Sentient Beings</a>
  <a href="#">Support</a>
  <a href="#">Frequently Asked Questions</a>  
  <a href="#">Contact Us</a>
</center>
</body>
</html>

NEW POSTS

Main Menu

Scroll CSS With Links

No comments

Post a Comment

Pages

NEW POSTS

Main Menu

Scroll CSS With Links

You Might Also Like

No comments

Post a Comment

Pages