<! DOCTYPEhtml>          
<html>          
<head>          
    <meta charset="UTF-8">      
    <meta name="viewport" content="Width =device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">    
    <title>Reflections, Shadows, and Text effects (Reflect, Shadow, text-shadow)</title>        
    <style type="text/css">  
        body{margin: 0}
        .m-reflect{font-size: 36px;color: green; -webkit-box-reflect:below0 linear-gradient(transparent,rgba(255.255.255.3)); }.m-shadow{margin: 50px 0 0; width:300px;height:100px;background-color:#ff9900;box-shadow: 10px 10px 5px # 888888; }.m-text-shadow{text-shadow: 2px 2px 2px green;font-size: 36px}
    </style>        
</head>          
<body>  
<div class="m-reflect">Xu Tongbao</div>
<div class="m-shadow"></div>
<div class="m-text-shadow">Xu Tongbao</div>
</body>          
</html>
Copy the code

\

\

\

Note: Welcome to join the web front-end job hunting qq group: 668352707\