html - 使用 5 条弧线创建具有星形效果的圆（图片）

Question

我有 5 张图片，我想像这样对齐这 5 张图片

Answer 1

你当然可以建立星星和圆圈

http://css-tricks.com/examples/ShapesOfCSS/

结合这些技术，应该很容易将一颗星放在一个圆圈内。

棘手的一点是将其与图像结合起来。您需要将圆圈用作容器overflow: hidden，然后将图像排列在里面，并用星星覆盖中心。img4 在那里有点问题，因为它与 img3 和 img5 发生冲突。我现在想不出解决办法。

Answer 2

使用 CSS3，您可以旋转。

http://www.w3schools.com/cssref/css3_pr_rotation.asp

Answer 3

您应该使用css 转换来完成此操作。这是取自 css-tricks网站的示例。