Maison >interface Web >tutoriel HTML >css之图片羽化处理_html/css_WEB-ITnose

css之图片羽化处理_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:50:281829parcourir

需求:

对图片做css羽化处理

实现:

Html代码   

  1. nbsp;html>  
  2.   
  3.     
  4.      
  5.      
  6.      
  7.      
  8.      
  9.   Document   
  10.     
  11.     
  12.   css之图片羽化处理_html/css_WEB-ITnose   
  13.   
  14. position: absolute;  
  15. top: 0;  
  16. height: 100%;  
  17. width: 100%;  
  18. box-shadow: 0 0 70px 30px rgb(249, 249, 249) inset;">
     
  •    
  •   
  • 效果:

     

    Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Article précédent:浅析404页面存在的意义和设计技巧_html/css_WEB-ITnoseArticle suivant:001.web前端-学习了解_html/css_WEB-ITnose

    Articles Liés

    Voir plus