Amazing White Border Below Link

Developer
Hemant Aggarwal
Size
1,867 Kb
Views
10,120
  1. Amazing White Border Below Link Previews
  2. Amazing White Border Below Link HTML Codes
  3. Amazing White Border Below Link CSS Codes

How do I make an amazing white border below link?

What is a amazing white border below link? How do you make a amazing white border below link? This script and codes were developed by Hemant Aggarwal on 09 January 2023, Monday.

Amazing White Border Below Link Previews
IQ Test

Amazing White Border Below Link - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Amazing White Border Below Link</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="background"> <ul> <li><a href="http://mstoic.com">Mstoic <span></span></a></li> <br> <li><a href="https://facebook.com/mstoic1991/">by Hemant Aggarwal <span></span></a></li> </ul>
</div>
</body>
</html>

Amazing White Border Below Link - Script Codes CSS Codes

.background { width:900px;height:200px;
background: #222;
}
.background ul { list-style-type:none; padding:5px; }
.background a { text-decoration:none;color:#fff; line-height:24px; font-family:Calibri,Helvetica,Tahoma; font-size:20px;}
.background li { position: relative; }
.background a:hover>span, .background a:focus>span {
background-position: -100% 0;
-webkit-transition: background 0.8s;
-moz-transition: background 0.8s;
-o-transition: background 0.8s;
transition: background 0.8s;
}
.background a>span {
position: absolute;
pointer-events: none;
width: 100%;
height: 1px;
margin-bottom: 3px;
bottom:-5px;
left: 0;
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(5%, #ffffff), color-stop(5%, rgba(255,255,255,0.25)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, #ffffff,#ffffff 5%,rgba(255,255,255,0.25) 5%,rgba(255,255,255,0));
background: -moz-linear-gradient(left, #ffffff,#ffffff 5%,rgba(255,255,255,0.25) 5%,rgba(255,255,255,0));
background: -o-linear-gradient(left, #ffffff,#ffffff 5%,rgba(255,255,255,0.25) 5%,rgba(255,255,255,0));
background: linear-gradient(left, #ffffff,#ffffff 5%,rgba(255,255,255,0.25) 5%,rgba(255,255,255,0));
background-position: 100% 0;
-webkit-background-size: 200% 100%;
-moz-background-size: 200% 100%;
-o-background-size: 200% 100%;
background-size: 200% 100%;
-webkit-transition: background 0s linear;
-moz-transition: background 0s linear;
-o-transition: background 0s linear;
transition: background 0s linear;
}
Amazing White Border Below Link - Script Codes
Amazing White Border Below Link - Script Codes
Home Page Home
Developer Hemant Aggarwal
Username mstoic
Uploaded January 09, 2023
Rating 3
Size 1,867 Kb
Views 10,120
Do you need developer help for Amazing White Border Below Link?

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!

Hemant Aggarwal (mstoic) Script Codes
Name
Multiple jQuery Sliders
Amazing Hover Effect for Categories WP
Adsense Code Converter - Mstoic.com
Navigation Mobile From Right Slide
A Pen by Hemant Aggarwal
Simple Slider Images
Material Visiting Card Back
Pop Up AAA
Divider Shadow
Nav for Mobile
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!