前端里SVG 动画实现弹性的页面元素效果
1前端里 - 小鱼 发布于 2015-01-26
Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件，然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单，按钮或其它元素，使得交互更有趣，看起更原生与自然的感觉。
阅读(3771)评论(0)赞 (0)
标签：SVG 第3页
ProgressBar.js – 漂亮的响应式 SVG 进度条
1前端里 - 小鱼 发布于 2014-12-24
ProgressBar.js 是一个借助动态 SVG 路径的漂亮的，响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条，圆形和方形等几个内置的形状，但你可使用 Illustrator 或任何其它的矢量图...
阅读(7843)评论(0)赞 (2)
Walkway.js – 简约的 SVG 线条动画
1前端里 - 小鱼 发布于 2014-12-21
Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前， Walkway.js 仅适用于路径和线条元素。 效果演示 插...
阅读(5289)评论(0)赞 (0)
使用 SVG 制作单选和多选动画【附源码】
1前端里 - 小鱼 发布于 2014-12-15
通过 JavaScript 实现 SVG 路径动画，我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框，使用伪元素创造更具吸引力的样式，输入框被选中的时候执行 SVG 动画。
阅读(3231)评论(0)赞 (0)
SVG 实现漂亮的页面预加载效果
1前端里 - 小鱼 发布于 2014-09-22
今天我们要为您展示如何使用 CSS 动画， SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说，这些预载入得画面提供了一种创造性的方法，使用户在等待内容加载的时候不会那么无聊。 源码下载 在线演示
阅读(5102)评论(0)赞 (14)
