CSS3——文本延申扩展系列—text-shadow

 1         *{
 2             margin: 0;
 3             padding: 0；
 4         }
 5         :root{
 6             background: #000;
 7         }
 8         div{
 9             position: absolute;
10             left: calc(50% - 350px);
11             top: 100px;
12             height: 100px;
13             width: 700px;
14             font-size: 80px;
15             color: #ddd;
16 
17 
18             text-shadow:0px 0px 10px #f10,
19                         0px 0px 20px #f20,
20                         0px 0px 30px #f30;
21 
22             transition:all 2s;
23         }
24         div:hover{
25             text-shadow:0px 0px 10px #ff0,
26                         0px 0px 20px #ff1,
27                         0px 0px 30px #ff2,
28                         0px -5px 20px #ff1,
29                         0px -20px 40px #ff3;
30         }
31         div::before{
32             content: "科比 ";
33             opacity: 0;
34             text-shadow:0px 0px 10px #f0f,
35                         0px 0px 20px #f1f,
36                         0px 0px 30px #f2f,
37                         0px -5px 20px #f1f,
38                         0px -20px 40px #f2f;
39             transition: all 2s;
40         }
41 
42         div:hover::before{
43             opacity: 1;
44         }