- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Decorative Retro Shadow</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>The Lens and I</h1>
<span>☺</span>
</body>
</html>
CSS
body {
background: url("lens.jpg") no-repeat 50% 0;
color: #444444;
font-family: "Arial", sans-serif;
}
h1 {
margin: 50px;
text-transform: uppercase;
font-weight: normal;
font-size: 55px;
}
span {
position: absolute;
top: 150px;
left: 50px;
font-size: 100px;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- Give the heading
h1a shadow with a horizontal and vertical offset of4pxwithout feathering and the color rgba (0, 0, 0, 0.2), - and then assign another shadow with a horizontal and vertical offset of
2px, without feathering, and the color#e5d4c0<1>.
Comments