Online CSS Editor background

Browse more Css Examples

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
.signup-hero {
	background: url("https://cdn.zapier.com/static/fae6ddcf6429a874e800b37c17b1859d0c485756/images/homepage/heroes/hero.png") center -80px,linear-gradient(180deg,#2b3946,#384a5b);
	background-size: 2500px 700px,100%;
	padding: 4em 0;
}
div
{
   width:500px;
   height:250px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div class="signup-hero">Hello, World!</div>
<div id="div2" class="signup-hero">Hello, CSS3!</div>
</body>
</html>

Online CSS Editor background

Follow

Newsletter