gpt4 book ai didi

带渐变的 CSS3 箭头

转载 作者:行者123 更新时间:2023-11-28 12:53:22 28 4
gpt4 key购买 nike

我一直在 goole 中搜索如何仅使用 css 创建箭头和框。我在这里找到了一个近乎完美的例子:-

http://dabblet.com/gist/4639593

如何更改此代码,使箭头指向左而不是右?

我尝试了一些方法,但只得到一个指向左边的菱形!

谢谢

最佳答案

  1. .shape:aftermargin 更改为 -24px 220px
  2. .shape:after 移除 border-topborder-right
  3. .shape:after 添加以下边框 border-bottom: solid 1px #ccc; & border-left: solid 1px #ccc;

这里是最终结果:http://dabblet.com/gist/5648799

关于带渐变的 CSS3 箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16749111/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com