Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带渐变的CSS3箭头_Css_Gradient - Fatal编程技术网
Fatal编程技术网
  • css/
  • 带渐变的CSS3箭头

带渐变的CSS3箭头

css

带渐变的CSS3箭头,css,gradient,Css,Gradient,我一直在谷歌搜索如何创建和箭头和框与css只。我在这里找到了一个几乎完美的例子：- 如何更改此代码，使箭头指向左侧而不是右侧 我尝试了一些东西，但只是得到一个钻石形状指向左边 谢谢 将.shape:after的边距更改为-24px 220px 移除的边框顶部和边框右侧。形状：在 为.shape:after添加以下边框底部：实心1px#ccc&左边框：实心1px#ccc 最后的结果如下：

我一直在谷歌搜索如何创建和箭头和框与css只。我在这里找到了一个几乎完美的例子：-

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

我尝试了一些东西，但只是得到一个钻石形状指向左边

谢谢

  • 将
    .shape:after
    的
    边距
    更改为
    -24px 220px
  • 移除
    的
    边框顶部
    和
    边框右侧
    。形状：在
  • 为
    .shape:after
    添加以下边框底部：实心1px#ccc&
    左边框：实心1px#ccc
    • 最后的结果如下：