这个按钮的css样式该怎么写呢?

图片描述

就是 联系销售 那个按钮,主要是不会上面的阴影渐变,它看起来是一个浮动的效果,该怎么写呢?

阅读 2.4k
3 个回答

这看起来就是底部悬浮的按钮呀。。如果是psd设计图的话,装个 pxcode 能看到阴影的样式的。

.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.15);
}

跟正常按钮一样,其他样式相同,背景色、边框、阴影什么的都用透明就行了

background: transparent;
border-color: transparent;

使用box-shadow,如下:

box-shadow:0px 3px 3px #c8c8c8
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题