gpt4 book ai didi

css - 用 5 个叶子创建一个 css 花

转载 作者:太空宇宙 更新时间:2023-11-04 00:06:30 27 4
gpt4 key购买 nike

我正在尝试创建一个有 5 个叶子的 css 花 - 没有任何有希望的尝试。我正在尝试创建什么:有 5 片叶子的 CSS 花,每片叶子可以有三种不同的状态(小、中、大)。我找到了 http://rossmcneil.com/create-a-simple-css-raindrop/到目前为止 - 但我有 troubel 可以叠加 5 个形状并更改大小。也许我有人可以给我一个如何实现这一目标的建议。谢谢。

最佳答案

您可以为每个矩形添加一个 skewX 和 skewY。

 transform: skewX(value);  /* e.g. skewX(25deg) */

这是它的样子:

http://jsfiddle.net/SKbAz/2/

关于css - 用 5 个叶子创建一个 css 花,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14695992/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com