CSS |阴影效果

CSS 中的阴影效果属性用于在 HTML 文档中添加文本和图像阴影。

文本阴影： CSS text-shadow 属性用于显示带有阴影的文本。此属性保存阴影的像素长度、宽度和宽度以及阴影的颜色。

句法：

Text-shadow: 3px 3px 3px green;

例子：

    
        
        
    
    
        
Geeks For Geeks | A computer Science portal for Geeks
    
                    

输出：

TextBox Shadow： CSS boxShadow 属性将阴影应用于文本框。此属性保存阴影的像素长度、宽度和宽度以及阴影的颜色。

句法：

boxShadow: 3px 3px 3px green;

例子：

     
         box shadow property
         
               #Gfg {
                   width: 220px;
                   height: 50px;
                   background-color: green;
                   color: white;
               }
          
          
   
               // function that show Shadow Effect.
               function Shadow() {
                  document.getElementById("Gfg").style.boxShadow 
                                           = "5px 5px 5px gray";
               }
          
     
     
          Click to see Shadow
          
            GeeksforGeeks
          
     

输出：