这是一款CSS3/SVG火焰背景遮罩文字动画,遮罩是动态燃烧的火焰作为背景,同时也利用了SVG的路径功能绘制文字的镂空形状,非常炫酷。
2017-11-24这是一款CSS3/SVG火焰背景遮罩文字动画,遮罩是动态燃烧的火焰作为背景,同时也利用了SVG的路径功能绘制文字的镂空形状,非常炫酷。
2017-11-24这是一款一组HTML5/SVG可爱的笑脸动画,它们是色彩各异的一组泥娃娃的脸,默认的时候就出现眨眼和微笑的动画,当你把鼠标滑过它们时,就像是感受到了主人的抚摸一样上下跳动起来,真的是非常可爱。
2017-04-26这是一款HTML5/SVG 3D蝴蝶飞舞动态背景动画,利用SVG制作的3D蝴蝶飞舞动画,蝴蝶飞舞动画非常逼真,蝴蝶飞舞的路线是利用SVG构造的。另外,动画使用了一张立体感很强的天空背景图,让蝴蝶飞舞时更加显得立体逼真。
2017-04-26这是一款酷炫的svg与canvas背景动画。
2017-06-05这是一款基于HTML5和SVG的手机菜单动画,这款菜单有2种主题和动画风格,分别是侧边飞入和底部飞入动画,同时点击菜单展开按钮又会出现旋转的动画特效。
2017-04-06这是一款CSS3 SVG实现的任务列表,我们可以在输入框中输入自己需要完成的任务名称,点击添加按钮后即可将任务添加到列表中去。这本来是一件非常普通的功能,但是利用CSS3和SVG,我们在添加按钮点击时出现非常炫酷的动画特效,这样的特效在任务添加到列表和删除列表中都同样会出现,非常不错。甚至我们可以将这款插件修改后变成一款非常华丽的评论插件。
2017-12-05这是一款纯CSS3和SVG灯泡发光特效_css3动画特效。
2017-03-19这是一款SVG/CSS3自行车 模拟自行车行驶动画,利用SVG路径特性和CSS3动画特性实现的自行车模拟行驶动画,自行车的外观是利用SVG路径绘制而成,再通过CSS3模拟脚踏板和轮胎的转动。
2017-11-06这是一款超炫酷的SVG轮船行驶动画,利用SVG的路径特性绘制了一艘高大上的轮船,并且同时绘制了海面以及衬托海面的太阳,注意,你看到的画面中的所有元素都是SVG绘制而成。然后我们调用了简单的JavaScript让轮船在海面上摇摆行驶,看上去还是挺逼真的。
2017-11-06这是一款SVG/CSS3镂空3D自行车骑行动画,同时自行车是镂空形状的,通过SVG线条渲染动态改变线条位置和颜色,让自行车凸显立体运动的视觉效果。
2017-11-24这是一款SVG木柴燃烧火焰动画,这款火焰动画是木柴燃烧时的动画效果,就像篝火晚会中的柴火一样。
2018-02-23这是一款基于SVG的jquery动画特效,使用CSS3动画为元素添加一些动画特效,并通过jquery代码来操作SVG,使其生成特定的动画效果。
2019-09-19这是一款HTML5/SVG天气预报图标动画效果,这组天气图标有下雨、晴天、阴天、大雾等,每一个图标都由SVG组成。
2017-05-03这是一款HTML5/SVG盒子爆炸动画特效,当你点击盒子时,盒子才会有爆炸的一个效果,还是很酷炫的
2017-05-28这是一款HTML5 SVG实现会跳舞的花朵,虽然是简单的线条以及单纯的颜色,但是绘制出的效果还是相当逼真的。接下来是给花朵进行跳舞动画的渲染,结合CSS3的动画属性以及JavaScript的动态渲染,让这朵花赋予了4种不同心情下的跳舞动画,点击按钮即可切换当前心情下的跳舞动画,真的是非常可爱。
2017-11-08这是一款HTML5/SVG/Loading动画加载特效,一共有4种不同的动画效果。每一组Loading动画都非常可爱,他们都非常欢快的转圈,同时又有颜色渐变的动画效果。
2017-04-26这是一款超级美化SVG进度条加载动画代码。
2017-05-15这是一款SVG实现的一组超华丽Loading加载动画,利用SVG的路径特性,动态绘制形状和状态,从而产生Loading加载的视觉效果,同样也非常实用,因为现在所有浏览器都支持SVG了。
2017-12-05这是一款超简易的SVG/CSS3 Loading加载动画图标,它主要由圆环形和柱形两种样式组成,可以将这些Loading图标应用在很多种类型的页面中,非常实用。
2018-02-23这是一款jQuery/SVG实现Checkbox商品列表选中特效,复选框的样式会发生变化,这种线条的变化是利用了SVG的路径特性。
2017-11-24