单击时SVG菱形展开动画
SVG rhombus expand animation when clicked
我正在建一个网站,客户想要一个菱形/菱形的按钮,里面有文本,当点击它时,它应该会变大并向下推其他内容。
我想最好的方法是使用SVG,但我没有这方面的经验。如果不是菱形的形状,这会很容易,这让我有点头疼:)
有简单的解决方案吗?或者你能引导我朝着正确的方向前进吗?这就是客户想要的:菱形按钮
试试d3-js。只需js,你几乎可以实现任何你想要的东西。
您可以查看库中的示例。
可能有更好的方法。
相关文章:
- 在 HTML 页面中嵌入动画 SVG,暂停(不启动动画)
- 按顺序显示动画 SVG 元素
- 范围设置后启动svg动画-svg
- 如何通过javascript添加动画svg
- 如何从线的末端绘制动画(SVG)
- Javascript-变形/动画svg路径数据没有SMIL或库
- 动画SVG视图框更改
- 动画SVG Path元素的背景图像
- GSAP:在动画SVG时保留以前的转换
- 在视口中动画SVG元素
- 在IE11中使用CSS动画SVG路径
- 动画SVG背景图案
- 沿着SVG路径动画SVG渐变
- jQuery数据表和动画SVG处理时
- 使用js/jQuery动画SVG路径
- 动画SVG属性,如填充颜色没有第三方库
- 在if-else条件下动画SVG
- 使用jQuery动画SVG的颜色和比例悬停
- 悬停时捕捉SVG动画SVG/离开时重置SVG
- 动画SVG从一个值到另一个值再到原始值