- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Challenge: Ornament Made of Shurikens</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="pattern"></div>
</body>
</html>
CSS
/*
Colors used: #000000 and #555555
Used background-position values for the parts of the ninja stars:
70px -45px,
-45px -80px,
35px 70px,
-80px 35px,
35px -45px,
-45px 35px
*/
.pattern {
height: 100%;
background-image: none;
background-size: 115px 115px;
background-repeat: repeat;
}
body {
min-width: 565px;
min-height: 298px;
background-image: url("bamboo.jpg");
background-repeat: repeat;
background-position: 0 0;
}
html,
body {
margin: 0;
height: 100%;
}
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.