css实现立体感按钮

编程入门行业动态更新时间:2024-10-23 19:18:40

css实现<a href=https://www.elefans.com/category/jswz/34/951463.html style= 立体感按钮"/>

css实现立体感按钮

<view class="envelope_bgc_chunk"></view>.envelope_bgc_chunk{width: 60rpx;height: 100rpx;background-color: #83baff;border-radius: 8rpx;// 立体按钮其实就是这一行的效果box-shadow: 0px 0px 2px 2px rgba(55, 114, 203,0.2),/*下面深蓝色立体阴影*/0px 0px 6px 1px #4379d0,/*内部暗色阴影*/0 -15px 2px 2px rgba(55, 114, 203,0.10) inset;}

更多推荐

css实现立体感按钮

本文发布于:2023-06-29 10:44:53，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/943655.html