javascript - 添加像 Facebook 使用的那样的活跃效果

标签 javascript css html

<分区>

我喜欢 Facebook 在网站上指示事件标签的方式。
enter image description here

但我发现它只使用了一个小图像(在删除 [Timeline] 框的 float:left 之后)。
enter image description here

我确信有一种方法可以不使用图像,只使用 CSS 或 JavaScript 或两者。感谢所有帮助。

最佳答案

这是一个 CSS 向上箭头:

.arrow-up {
   width: 0; 
   height: 0; 
   border-left: 150px solid transparent;
   border-right: 150px solid transparent;
   border-bottom: 150px solid black;
}

演示:https://codecanister.com/Project/d547eed9/2/fullscreen/b

来源:https://css-tricks.com/snippets/css/css-triangle/

关于javascript - 添加像 Facebook 使用的那样的活跃效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38296485/

相关文章:

CSS 背景图像相对背景颜色固定 z-index

javascript - 单击菜单图像时不显示侧面菜单

javascript - Css 文本定位无法正常工作

javascript - laravel 和数据表无法集成

javascript - 使用 jquery 的顺序淡入淡出

html - div 的颜色悬停在背景图像上

javascript - 在javascript中将404重定向到类似页面

javascript - 内容可编辑的字数,包括默认文本

javascript - 为什么不能使用这种 promise 语法快速发送?

php - 无法上传媒体,在我的 WordPress 网站上也看不到 GridView ?