Half Height Background Color

Developer
Christopher Williams
Size
2,144 Kb
Views
123,464
  1. Half Height Background Color Previews
  2. Half Height Background Color HTML Codes
  3. Half Height Background Color CSS Codes

How do I make an half height background color?

What is a half height background color? How do you make a half height background color? This script and codes were developed by Christopher Williams on 09 August 2022, Tuesday.

Half Height Background Color Previews
IQ Test

Half Height Background Color - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Half Height Background Color</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h2>inspiration</h2>
<p><img src="http://cl.ly/gN6l/shop_title.gif" alt="" />
<br /><br /><br />
<h2>css3</h2>
<ul> <li><a>who we are</a></li> <li><a>what we do</a></li> <li><a>why we do it</a></li> <li><a>contact us</a></li>
</ul>
<p></p>
</body>
</html>

Half Height Background Color - Script Codes CSS Codes

* { font-family: 'Proxima Nova';
}
p,
h1,
h2,
h3,
h4 { text-align: center;
}
ul { list-style-type: none; text-align: center;
}
ul li { display: inline-block;
}
ul li a { position: relative; padding: 0 .5em;
}
ul li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; background-color: #fdd104; z-index: -10; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;
}
ul li a:hover { cursor: pointer;
}
ul li a:hover:after { background-color: #fde575;
}
Half Height Background Color - Script Codes
Half Height Background Color - Script Codes
Home Page Home
Developer Christopher Williams
Username itschriswilliams
Uploaded August 09, 2022
Rating 3
Size 2,144 Kb
Views 123,464
Do you need developer help for Half Height Background Color?

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!

Christopher Williams (itschriswilliams) Script Codes
Name
Responsive Pricing Chart
Get URL Parameters and Fill them in a Form Field
Responsive MegaNav
Lightweight Responsive YouTube Embed
Horizontal menu, full width sub menu
Fixed Position Elvis
CSS Ghost Button
Multi-Column Ordered List
Get Current Year in JS
A Pen by Christopher Williams
Create amazing captions 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!