javascript - 重写伪元素水平。垂直

标签 javascript jquery html css pseudo-element

我有代码在 div 的底部创建一个元素作为向下的“箭头/指针”。

我需要这样写,以便“箭头/指针”指向左侧

当前代码 -

HTML

<div style="background-image:url('...');">
    <div class="mask"></div>
</div>

掩码 css 在 fiddle 中

https://jsfiddle.net/hunt0194/gu1sgotd/

我试过将“底部”值更改为“左侧”值等。但无法正常工作

代码创建了两个黑色形状,作为 div 底部的“ mask ”

enter image description here

最佳答案

到这里css-triangle-generator , 生成你自己的三 Angular 形 css。它比您当前使用的代码容易得多。

使用

border-width: 100px 100px 100px 0;
border-color: transparent red transparent transparent;

将创建所需的三 Angular 形效果,您可以随意调整页面并使其恰到好处

关于javascript - 重写伪元素水平。垂直,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30204044/

相关文章:

javascript - 如何使用经典 ASP 保存 Canvas 图像?

javascript - kendo grid发送json到 Controller

javascript - Webapi 导出到 excel 下载的损坏文件

javascript - CSS 或 javascript 点击保持功能

javascript - 为什么不显示图像?

javascript - 何时在 JavaScript 中使用 self

javascript - 使 textarea 文本加粗的按钮

jquery - JavaScript/jQuery 在两个函数中使用一个变量的最佳解决方案?例子

php - 我怎样才能摆脱我网站上的空白区域?

html - 试图制作一个包含多个图像的永无止境的图像滚动器,但我被卡住了,有什么提示吗?