<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.glow:hover {
box-shadow: 0 0 6px 0 #333;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.box {
border: 1px solid black;
width: 50%;
border-radius: 6px;
text-align: center;
background: #f4f4f4;
}
</style>
</head>
<body>
<div class="glow box">
<h1>This is content</h1>
<p>This is more content</p>
</div>
</body>
</html>
【glow】
