CSS 制作带边框背景色透明的消息框

所需积分/C币:9 2020-12-02 14:48:23 67KB PDF
0
收藏 收藏
举报

写个消息框容易太容易了,网上一搜就一大堆教程。直接拷贝粘贴到自己项目就可以啦。大多是用::after或者::before实现三角形,绝对定位移动到边上成为消息框的角角。 但是如果要我们实现背景色是透明的消息框,如下: 似乎常用的消息框写法这种操作是实现不了的。 难点一 用常用的方式实现的消息框,想要改成透明背景,似乎不太可能。 因为如果消息框有边框的话,消息框的角通常是用::after 与 ::before 做成三角形,然后一大点的三角形与小一点的三角形重叠而成,如果我们想要把消息框的角变成透明的,总会透到后面作为是模拟边框的三角形的颜色。 (如上图我把作为背景三角形设置了 opacity

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
weixin_38698433 如果觉得有用,不妨留言支持一下
2020-12-02
  • 分享王者

    成功上传51个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
    最新推荐