CSS3 text-shadow实现文字阴影效果

2020-05-02 08:13:00易采站长站整理

    .All-orange h1 img{   
        margin-top: -15px;   
    }   
    </style>  
</head>  
<body>  
    <div class="All-orange" id="all">  
    <h1><img src="../img/launcher_icon_.png" />  
        悲伤黑白棋   
    </h1>  
   </div>  
</body>  
</html>  

效果图:

浏览器兼容

此属性为CSS3样式IE9以上版本浏览器支持、谷歌浏览器支持。

以上就是利用CSS3 text-shadow实现的文字阴影效果,希望对大家的学习有所帮助。