小编wut*_*ang的帖子

如何在动画中使用剪辑路径?

我已经阅读了很多帖子,一直在尝试动画剪辑路径.此时我只能在Firefox中显示剪辑路径并始终将路径固定为0,0.

这是一个示例代码 - > http://jsfiddle.net/justintense/4torLok9/1/

我使用简单的内联SVG作为路径:

    <clipPath id="clipping">

        <polygon fill="#FFFFFF" points="40,35 40,15 20,35   "/>
        <polygon fill="#FFFFFF" points="0,35 20,35 0,15     "/>

        <circle id="white_overlay_9_" fill="#FFFFFF" cx="20" cy="18.77" r="7.393"/>
    </clipPath>
Run Code Online (Sandbox Code Playgroud)

我不确定我尝试做的事情是否可能,所以我只是寻找指针,所以我可以得到这一个轨道.

编辑:

我正在尝试重新创建类似于此站点的行为--------> http://uppymama.com/

在此输入图像描述

css animation svg css3 clip

2
推荐指数
1
解决办法
1944
查看次数

标签 统计

animation ×1

clip ×1

css ×1

css3 ×1

svg ×1