我正在看如何在CSS中创建一个V形(不是三角形).基本上创建看起来像>或< 在这个网站:
http://css-tricks.com/examples/ShapesOfCSS/在底部,有一个V形.但是,它被指出.我想知道如何让它指向正确,并指向左边.我试着用角度玩,但是我无法确定,因为我不确定如何创建这些东西.
除此之外,这些东西应该在像d3这样的绘图库中创建,还是只使用一个div?我基本上使用这个V形图案来分离屏幕上的视觉元素.
解决方法
只需在#chevron上做一个旋转(90度):
#chevron { position: relative; top: 100px; text-align: center; padding: 12px; margin-bottom: 6px; height: 60px; width: 200px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }