Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
html, body {
height: 100%;
padding: 0;
margin: 0;
}
body {
display: flex;
align-items: center;
justify-content: center;
color: #095484;
}
div {
padding: 10px 20px;
border-radius: 30px;
line-height: 4em;
box-shadow: 0 0 20px #095484;
}
div:hover {
box-shadow: inset 0 0 70px #095484;
cursor: grab;
</style>
</head>
<body>
<div>
<h1>Die Maus hier bewegen, um den inneren Schatten zu sehen.</h1>
</div>
</body>
</html>