小可爱

css阴影效果

电脑版发表于:2020/3/30 20:27

效果如下,志真兄写的贴一下:

code show:

<!DOCTYPE html>
<html>
  <head>
<style>
  #div{
  border-left:10px solid red;
  width:180px;
  height:240px;
  border-bottom-right-radius:30%;
  border-top-left-radius:30%;
  box-shadow: 10px 10px 5px #888888;
  }
  #div2{
    padding: 60px 100px
  }
  
</style>
  </head>

  <body>

    <div id="div">
	  
	  <div id="div2">
	  </div>
	  
	</div>
  </body>
</html>		


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢