Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</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>Hover over Me to See the Inner Shadow</h1> </div> </body> </html>