使用5个圆弧创建一个具有星效的圆（图像）

Question

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

Answer 1

使用CSS3，您可以旋转。

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

Answer 2

您应该使用css transforms来完成此任务。以下是来自css-tricks example的website。

Answer 3

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

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

结合使用这些技术，可以很容易地将星形放在圆圈内。

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