纯粹在CSS中创建一个行痕迹

时间:2014-09-01 16:12:21

标签: html css

我想知道是否有办法创建这种风格的痕迹:http://www.lumosity.com/app/v5/personalization/memory

只有CSS。我在网上看过任何文章,但我找到的所有文章都是三角形面包屑。如果你们知道任何文章,请分享。

我找到了一个stackoverflow,如果其他人正在寻找它,那么它就有了答案。 Creating CSS3 Circles connected by lines

我只需要改变我正在搜索的词语

1 个答案:

答案 0 :(得分:2)

这个怎么样? http://jsfiddle.net/8u2Bp/9/

纯粹是css,所以没有实际更改div或页面或其他任何代码。

对于此效果,您必须使用li:beforeli:after标记,并且我也使用css counter作为步骤。

有关hte css计数器的更多信息,请查看以下链接:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters

希望它有所帮助。