靳闯博客 记录是一种习惯 、分享是一种态度
  • 波浪
  • 波浪
  • 波浪
  • 波浪
div框阴影外发光效果
发表于: | 分类: 技术积累 | 标签: Html

css 代码:

box-shadow: 0px 0px 10px red,   /*左边阴影*/
0px 0px 10px red,  /*上边阴影*/
0px 0px 10px red,  /*右边阴影*/
0px 0px 10px red; /*下边阴影*/

# 单独设置
下:box-shadow: 0px 7px 7px -7px red;
右:box-shadow: 7px 0px 7px -7px red;
左:box-shadow: -7px 0px 7px -7px red;
上:box-shadow: 0px -7px 7px -7px red;

或者
box-shadow: 0 0 80px -25px red;

原图:
外发光原图.png

修改后图:
外发光效果图.png


商业转载请联系作者获得授权,非商业转载请注明出处 本文地址:https://me.jinchuang.org/archives/76.html

如果这篇文章帮助到了你,我感到十分荣幸!


📬 评论留言 ↴

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png2018new_aini_org.png2018new_baobao_thumb.png2018new_erha_org.png2018new_kuxiao_thumb.png2018new_yun_thumb.png2018new_hufen_thumb.png2018new_gui_org.png2018new_xiaoerbuyu_org.png2018new_heixian_thumb.png2018new_wabi_thumb.png2018new_tianping_thumb.png

TOP