标签:SVG 第2页

前端开发

30个超棒的 SVG 动画展示【上篇】

1

前端里 - 小鱼 发布于 2015-09-20

前端开发人员和设计师一般使用 CSS 来创建HTML元素动画。然而,由于HTML在创建图案,形状,和其他方面的局限性,它们自然的转向了SVG,它提供了更多更有趣的能力。借助SVG,我们有更多的方式来创建新的动画。您可以同时使用内置的SVG动画功能和CSS3动画。

阅读(7373)评论(2)赞 (24)

前端开发

SVG Drawing Animation – SVG 绘制动画

1

前端里 - 小鱼 发布于 2015-08-02

一个小实验,探索 SVG 线图动画的使用情况,以前沿的展示形式呈现图形或网站元素的外观,模拟它们的加载。SVG 真的很强大,有许多创造性和可能性,使用 SVG 可以制作各种有趣的网站交互效果。今天这篇文章给大家想分享一组实验 SVG 绘制动画的例子。

阅读(4380)评论(0)赞 (10)

前端开发

可爱!CSS3 & SVG 制作的米老鼠钟表

1

前端里 - 小鱼 发布于 2015-05-26

米老鼠是大家非常熟悉的迪斯尼动画形象。这是一个可爱的效果,结合 CSS & SVG 图形实现的米老鼠钟表效果。Web 技术让很多生活中的事物都能搬到网上去,后面的推荐阅读也有很多的效果,感兴趣的可以去看看。

阅读(4424)评论(3)赞 (4)

前端开发

SVG Drawing Animation – SVG 绘制动画

1

前端里 - 小鱼 发布于 2015-05-10

一个小实验,探索 SVG 线图动画的使用情况,以前沿的展示形式呈现图形或网站元素的外观,模拟它们的加载。SVG 成为一个有趣的网站组件,它真的很强大,有许多创造性和可能性,使用 SVG 可以制作各种有趣的网站交互效果。今天,我们想分享一组实验 SVG 绘制动画的例子。

阅读(4070)评论(0)赞 (5)

前端开发

Trianglify – 五彩缤纷的 SVG 背景图案

1

前端里 - 小鱼 发布于 2015-04-09

Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库,可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 Btmills 的 Geopattern,并使用 d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。它还包括 co...

阅读(8490)评论(2)赞 (4)

前端开发

16种很赞的 CSS3 & SVG 创意弹窗效果

1

前端里 - 小鱼 发布于 2015-04-02

今天我要与大家分享一些新鲜的想法。随着设计风格和趋势的变化,要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画,还有一些应用了SVG变形技术。

阅读(6428)评论(0)赞 (4)

前端开发

SVG 动画实现弹性的页面元素效果

1

前端里 - 小鱼 发布于 2015-03-05

Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件,然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单,按钮或其它元素,使得交互更有趣,看起更原生与自然的感觉。

阅读(4184)评论(0)赞 (7)

前端开发

作品展示,JavaScript 版水果忍者

1

前端里 - 小鱼 发布于 2015-01-31

《水果忍者》是一款非常受喜欢的手机游戏,刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发,采用 vml + svg 绘图,使用了 Raphael,效果很赞,赶紧来膜拜一下。

阅读(4373)评论(4)赞 (5)

前端开发

30种奇妙的鼠标悬停效果【附源码】

1

前端里 - 小鱼 发布于 2015-01-27

Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果,总共分为两组,多达30种不同的风格。为了让效果尽可能的平滑,最好不要在元素上使用变换以免影响布局。第二组效果中采用了 SVG 动画,这也是目前比较流行的方式。

阅读(5211)评论(0)赞 (9)

前端开发

SVG 动画实现弹性的页面元素效果

1

前端里 - 小鱼 发布于 2015-01-26

Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件,然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单,按钮或其它元素,使得交互更有趣,看起更原生与自然的感觉。

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