<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>文字模糊</title>
    <style type="text/css">
        h1{
            font:100px/200px "微软雅黑";
            text-align:center;
            color:#000;
            text-shadow:0 0 0 rgba(0,0,0,1);
            transition:1s;
            border:1px solid #000;
        }
h1:hover{color:rgba(0,0,0,0);text-shadow:0 0 30px rgba(0,0,0,0.5);}


    </style>
</head>
<body>
<h1>zhiweichen</h1>
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.