标签:SVG 第3页

前端开发

ProgressBar.js – 漂亮的响应式 SVG 进度条

1

前端里 - 小鱼 发布于 2014-12-24

ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状,但你可使用 Illustrator 或任何其它的矢量图...

阅读(7382)评论(0)赞 (2)

前端开发

Walkway.js – 简约的 SVG 线条动画

1

前端里 - 小鱼 发布于 2014-12-21

Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前, Walkway.js 仅适用于路径和线条元素。   效果演示     插...

阅读(4873)评论(0)赞 (0)

前端开发

使用 SVG 制作单选和多选动画【附源码】

1

前端里 - 小鱼 发布于 2014-12-15

通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画。

阅读(2830)评论(0)赞 (0)

前端开发

SVG 实现漂亮的页面预加载效果

1

前端里 - 小鱼 发布于 2014-09-22

今天我们要为您展示如何使用 CSS 动画, SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说,这些预载入得画面提供了一种创造性的方法,使用户在等待内容加载的时候不会那么无聊。   源码下载      在线演示

阅读(4619)评论(0)赞 (8)