<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>mastering linear gradients-3</title>
<style>
h1{
text-align:center;
}
div{
width:500px;
height:300px;
border:1px solid;
display:table;
margin:auto;
background:linear-gradient(to bottom,purple -10em,yellow);
}
div p{
display:table-caption;
caption-side:bottom;
}
</style>
</head>
<body>
<h1>
when the first color-stop position value is a negative value
</h1>
<div>
<p>again imagine the gradient line is an infinite line.when assining negative color-stop position value for the first color-stop.that position value will go beyond the gradient box as much as the negative postion value does.</p>
</div>
</body>
</html>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.