标签:SVG

WEB前端

程序猿必备的10款web前端动画插件十四

10

爱前端网 - Yang 发布于 2018-11-14

1.CSS3 3D倾斜视差图片特效 CSS3有一些属性能够实现3D的视觉效果,将这些3D特性应用到图片上时就可以让图片呈现出立体的效果。今天给大家带来的这款基于CSS3的3D倾斜视差图片特效非常不错,图片上方悬浮文字标题,并且在图片周围添加合适的投影,同时会随着鼠标的移动形成3D...

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

WEB前端

程序猿必备的9款web前端动画插件十二

9

爱前端网 - Yang 发布于 2018-04-16

1.jQuery大屏图文切换时间轴 可循环播放 今天要给大家带来一款比较特别的jQuery图片切换播放器,它的特点在于切换的不仅仅是图片,而是图文,另外每一幅图文关联时间轴上的一个节点,时间轴跟随图文切换而移动。同时,这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍...

阅读(2555)评论(0)赞 (13)

WEB前端

程序猿必备的9款web前端动画插件十一

9

爱前端网 - Yang 发布于 2018-03-13

1.HTML Canvas火焰画笔动画 之前我们为大家分享过很多关于火焰的HTML5动画,像这个HTML5 Canvas火焰文字动画特效和这个HTML5动感的火焰燃烧动画特效就非常炫酷。这次我们要介绍的这款基于HTML5 Canvas火焰动画非常特别,它是带火焰动画的画笔,画笔笔...

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

WEB前端

程序猿必备的14款web前端动画插件十

14

爱前端网 - Yang 发布于 2018-02-08

1.SVG选项切换开关按钮 可提供3个选项切换 这是一款比较特别的开关切换按钮,与之前分享的很多CSS3开关切换按钮不同,这款是基于SVG和HTML5的,它的最大特点在于可以提供3个选项切换动画,不像前面的这款漂亮的纯CSS3开关切换按钮动画那样虽然外观漂亮,但只能提供&ldqu...

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

WEB前端

程序猿必备的8款web前端动画插件九

8

爱前端网 - Yang 发布于 2018-01-25

1.HTML5/CSS3实现四季更替过渡动画 采用HTML5和CSS3技术我们可以实现很多色彩变幻和情景过渡动画效果,之前分享的这款HTML5 SVG天气预报动画卡片就是一个很不错的例子。这次我们带来的是一款基于HTML5和CSS3的四季更替过渡动画特效,一副简单的森林景象伴随着...

阅读(1456)评论(0)赞 (6)

WEB前端

程序猿必备的12款web前端动画插件八

12

爱前端网 - Yang 发布于 2018-01-14

1.一组精美的SVG自定义单选框按钮美化插件 之前我们介绍过很多利用CSS3渲染的自定义美化单选框和复选框,比如这款jQuery超级个性化的单线框和复选框就非常不错。这次我们要分享的是一组基于SVG的自定义单选框按钮美化插件,它非常适合做一些精美的评分插件。 在线演示 源码下载 ...

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

WEB前端

程序猿必备的15款web前端动画插件七

15

爱前端网 - Yang 发布于 2018-01-09

1.超简易的SVG/CSS3 Loading加载动画图标 今天我们要为大家分享一组非常简易的SVG/CSS3 Loading加载动画图标,和之前分享的SVG实现的一组超华丽Loading加载动画相比,这组Loading动画更见简单,它主要由圆环形和柱形两种样式组成,可以将这些Lo...

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

WEB前端

15个超强悍的CSS3圆盘时钟动画赏析

15

爱前端网 - Yang 发布于 2018-01-08

在网页上,特别是个人博客中经常会用到时钟插件,一款个性化的时钟插件不仅可以让页面显得美观,而且可以让访客看到当前的日期和时间。今天我们给大家收集了15个超强悍的圆盘时钟动画,很多都是基于CSS3,也有一部分利用jQuery和SVG,让我们一起来看看吧。 1、纯CSS3/SVG实现...

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

WEB前端

程序猿必备的10款web前端动画插件六

10

爱前端网 - Yang 发布于 2017-12-25

1.SVG/HTML5超富创意的环形颜色拾取器 记得很早以前我们分享过一款功能很强大的jQuery颜色选取插件 支持透明度选择,确实很不错。今天我们要介绍另外一款基于SVG和HTML5的环形颜色拾取器,非常具有创意。20种颜色组成一个圆环,每一种颜色都有相近的5种颜色可以选取,唯...

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

WEB前端

程序猿必备的10款web前端动画插件五

10

爱前端网 - Yang 发布于 2017-12-19

1.CSS3 Material 设计样式的按钮 带点击波纹特效 今天我们要给大家带来一组很漂亮的CSS3按钮,按钮的整体风格采用Material设计样式,非常简洁和清新。在这组CSS3按钮中,样式各种各样,有圆形按钮,也有带小图标的按钮,当然颜色也有很多。另外这组按钮还有一个特点...

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

WEB前端

程序猿必备的10款web前端动画插件三

10

爱前端网 - Yang 发布于 2017-12-09

1.一些想法预览或只是在悬停的文件夹上播放 这个想法是在悬停文件夹图标时显示一些动画,并显示某种内容的预览。我们想与你分享一些有趣的小悬停效果。这个想法是显示文件夹的预览动画。动画旨在作为一个有趣的微观互动,给用户一些暗示内部文件夹内的暗示。 在线演示 源码下载 2.观看者似乎穿...

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

WEB前端

程序猿必备的10款web前端动画插件二

10

爱前端网 - Yang 发布于 2017-12-08

1.菜单悬停效果的展示 一些菜单链接悬停效果为您的灵感。由CSS和JavaScript为单个字母动画提供支持。今天,我们希望与您分享一些菜单悬停效果。我们希望这一套启发你,并为你的下一个项目提供一些想法。这些效果是由CSS或仅在anime.js的帮助下提供动力。有些还使用Char...

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

WEB前端

程序猿必备的10款web前端动画插件一

10

爱前端网 - Yang 发布于 2017-12-07

1.动画SVG框架幻灯片 在幻灯片之间切换时显示动画SVG帧的实验性幻灯片。不同的形状可以用来创建各种风格。 我们想和大家分享一个实验幻灯片。我们的想法是在从一个幻灯片转换到另一张幻灯片时,使SVG帧动画化。使用不同的形状,我们可以在改变SVG路径时创建各种框架样式。这个想法的灵...

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

WEB前端

程序猿必备的8款web前端SVG动画特效

8

爱前端网 - Yang 发布于 2017-12-06

1、SVG图片波浪效果渲染动画 今天我们要为大家分享一款很酷的SVG图片动画,主要是图片上会出现波浪的渲染动画。实现原理是在图片上方利用SVG路径绘制了一层蒙板,然后蒙版进行一定的随机扭曲就形成了图片上方波浪翻滚的动画特效,而且也十分逼真。 在线演示 源码下载 2、基于HTML5...

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

WEB前端

程序猿必备的10款超有趣的SVG绘制动画赏析

10

爱前端网 - Yang 发布于 2017-12-05

SVG作为时下比较新颖的技术标准,已经建立了很多基于SVG的前端项目。由于SVG在绘制路径上非常灵活,我们将很多网页上的元素使用SVG来绘制而成,有各种人物、小图标、小动画等等。今天我们收集了10个非常新奇有趣的SVG绘制动画,这些动画大部分都是使用SVG结合一定的CSS3特性实...

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

WEB前端

程序猿必备的10款web前端开发插件五

10

爱前端网 - Yang 发布于 2017-11-29

1.SVG实现的一组超华丽Loading加载动画 Loading动画我们已经分享过很多了,大部分都是基于纯CSS3的,或者有些也有jQuery协助完成。比如这个10组蓝色风格的纯CSS3 Loading动画图标就非常实用。今天我们要分享的是一组基于SVG的超华丽Loading加载...

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

WEB前端

Web设计新趋势:SVG Sprites实践应用

4

爱前端网 - Yang 发布于 2017-11-13

前言 随着移动互联网的到来,各种高清屏幕移动设备的层出不穷,导致H5应用在移动设备retina屏幕下经常会遇到图标不清晰的问题。 为了解决屏幕分辨率对图标影响的问题,通常采用CSS Sprite,Icon Font,CSS Icon以及SVG以适应@x1屏、@2屏、@3屏,相对比...

阅读(628)评论(0)赞 (3)

WEB前端

9款样式各异的web前端插件

9

爱前端网 - Yang 发布于 2017-11-06

1.10个样式各异的ReactJS水平滑杆插件 之前我们分享过很多基于jQuery和CSS3的水平滑杆插件,比如漂亮的jQuery UI水平滑杆和jQuery/CSS3带Tooltip的滑杆动画都相当实用。今天要介绍的也是一款水平滑杆插件,不过它是基于ReactJS的,当然也运用...

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

WEB前端

9款超绚丽的HTML5 3D图片动画特效

9

爱前端网 - Yang 发布于 2017-11-06

1.SVG玫瑰花盛开动画 SVG还是很强大的,我们之前也分享过很多利用SVG绘制出来的各种动画特效。比如超炫酷的SVG轮船行驶动画和HTML5 SVG圆形钢琴动画都是用SVG实现的超酷动画。今天我们要分享另外一款基于SVG的玫瑰花盛开动画,当鼠标滑过玫瑰花时,玫瑰花就会缓缓盛开,...

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

WEB前端

39款前端面试题-HTML&CSS篇

爱前端网 - Yang 发布于 2017-11-01

1.请描述一下 cookies,sessionStorage 和 localStorage 的区别? cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏...

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