10 帅的相对论

尚未进行身份认证

简单快乐多一点!

等级
博文 115
排名 3w+

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

1.CSS33D倾斜视差图片特效CSS3有一些属性能够实现3D的视觉效果,将这些3D特性应用到图片上时就可以让图片呈现出立体的效果。今天给大家带来的这款基于CSS3的3D倾斜视差图片特效非常不错,图片上方悬浮文字标题,并且在图片周围添加合适的投影,同时会随着鼠标的移动形成3D视差效果。在线演示源码下载2.CSS3发光线条旋转Loading加载动画最近,我们刚刚分享过一款纯CS...

2018-11-14 20:41:36

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

1.jQuery圆形旋转切换菜单带菜单项描述jQuery有着无数的插件,菜单插件是jQuery插件中最多的,尤其是CSS3和HTML5的配合,让jQuery菜单变得更加丰富多彩。今天我们要给大家分享一款基于jQuery的创意菜单,它是圆形旋转的菜单项,菜单项会自动切换,并在切换时在圆形中间显示当前菜单的菜单项描述信息。在线演示源码下载2.超酷的HTML5/CSS33D气泡悬浮...

2018-08-29 17:52:18

2018年十大轻量级的CSS框架为构建快速网站

如果你正在寻找一个新的CSS框架为你的下一个前端开发项目,请阅读一个开发人员对一些流行的选择的评论。当建立一个网站时,使用CSS框架是一个真正的节省时间的方法,因为它为你提供了每个网页设计师在制作网站时需要的工具。但是正如你所知道的,加载速度是一个非常重要的质量因素。因此,我编写了一个当前十大轻量级CSS框架的实现列表,用于创建漂亮的、功能强大的、超快的加载网站。1.PureCSS...

2018-05-31 15:04:58

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

1.jQuery大屏图文切换时间轴可循环播放今天要给大家带来一款比较特别的jQuery图片切换播放器,它的特点在于切换的不仅仅是图片,而是图文,另外每一幅图文关联时间轴上的一个节点,时间轴跟随图文切换而移动。同时,这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍历史信息,那么这款jQuery插件就非常适合你。在线演示源码下载2.CSS33D线条变换进度条动画之...

2018-04-16 07:27:26

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

1.HTMLCanvas火焰画笔动画之前我们为大家分享过很多关于火焰的HTML5动画,像这个HTML5Canvas火焰文字动画特效和这个HTML5动感的火焰燃烧动画特效就非常炫酷。这次我们要介绍的这款基于HTML5Canvas火焰动画非常特别,它是带火焰动画的画笔,画笔笔刷在画布上绘制时,线条带有火焰动画,非常不错。在线演示源码下载2.SVG和JavaScript实现...

2018-03-13 04:21:21

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

1.SVG选项切换开关按钮可提供3个选项切换这是一款比较特别的开关切换按钮,与之前分享的很多CSS3开关切换按钮不同,这款是基于SVG和HTML5的,它的最大特点在于可以提供3个选项切换动画,不像前面的这款漂亮的纯CSS3开关切换按钮动画那样虽然外观漂亮,但只能提供“是”或者“否”的选项,这个可以提供“是”、“可能是”和“否”3个选项的选择,同时不同状态的选项也会对应不同的小图标。...

2018-02-08 05:04:07

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

1.HTML5/CSS3实现四季更替过渡动画采用HTML5和CSS3技术我们可以实现很多色彩变幻和情景过渡动画效果,之前分享的这款HTML5SVG天气预报动画卡片就是一个很不错的例子。这次我们带来的是一款基于HTML5和CSS3的四季更替过渡动画特效,一副简单的森林景象伴随着春夏秋冬四季更替,每一个季节都展现出各自的唯美风景,非常的不错。在线演示源码下载2.漂亮的纯CSS3开关...

2018-01-25 23:07:56

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

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

2018-01-14 23:21:12

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

1.超简易的SVG/CSS3Loading加载动画图标今天我们要为大家分享一组非常简易的SVG/CSS3Loading加载动画图标,和之前分享的SVG实现的一组超华丽Loading加载动画相比,这组Loading动画更见简单,它主要由圆环形和柱形两种样式组成,可以将这些Loading图标应用在很多种类型的页面中,非常实用。在线演示源码下载2.jQuery左右切换焦点图插件3...

2018-01-09 22:39:36

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

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

2018-01-08 14:02:12

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

1.SVG/HTML5超富创意的环形颜色拾取器记得很早以前我们分享过一款功能很强大的jQuery颜色选取插件支持透明度选择,确实很不错。今天我们要介绍另外一款基于SVG和HTML5的环形颜色拾取器,非常具有创意。20种颜色组成一个圆环,每一种颜色都有相近的5种颜色可以选取,唯一遗憾的是不能根据任意的RGB值选取颜色。在线演示源码下载2.jQuery简易平滑焦点图插件今天要给大...

2017-12-25 13:07:28

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

1.CSS3Material设计样式的按钮带点击波纹特效今天我们要给大家带来一组很漂亮的CSS3按钮,按钮的整体风格采用Material设计样式,非常简洁和清新。在这组CSS3按钮中,样式各种各样,有圆形按钮,也有带小图标的按钮,当然颜色也有很多。另外这组按钮还有一个特点是点击时按钮背景出现波纹的动画特效。在线演示源码下载2.jQuery/CSS3列表按钮删除弹性动画今天...

2017-12-19 00:39:54

程序员需要了解的3D粒子的探索

一个鼓舞人心的演示,用three.js探索3D空间中的粒子动画。这种类型的动画可能非常适合页面加载器。这套演示使用three.js和easing探索三维粒子动画。这些演示中的所有粒子和形状都是由三个基本的几何体/材质/网格组成,如球体,线条和盒子。在线预览源码下载这个概念用很多小的移动部件制作动画是非常有趣的。对每个部件或组应用不同的时序偏移和缓冲可以使一些有趣的可视化。即使这...

2017-12-18 23:17:08

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

1.超酷的jQuery/CSS3五彩环形弹出菜单今天我们要为大家分享一款非常漂亮的jQuery/CSS3五彩环形弹出菜单,一开始菜单项都聚集在一起,并且每个菜单项都微微错开,就像一个彩色团子。点击团子后,菜单项就会以弹出的形式展开,并形成一个环形,再点击Close按钮后,菜单项又会收拢,动画效果非常酷。类似的菜单我们之前也有分享过,比如这款jQuery简易时尚的圆形展开菜单和jQuery...

2017-12-18 02:45:20

Vuebnb:一个完整​​的Vue.js和Laravel应用程序

这是围绕一个案例研究项目,Vuebnb,一个简单的Airbnb的克隆。在这篇文章中,我将对它是如何工作的一个高层次的概述,以便从头开始构建一个完整的Vue/Laravel应用程序。这里有一个现场演示,如果你想看看:https://vuebnb.vuejsdevelopers.com概观作为一个完整的应用程序,Vuebnb由两个不同的部分组成:使用Vue.js构建的前端应用...

2017-12-17 06:10:49

使用Laravel & Vue的高级服务器端渲染:多页应用程序

关于Laravel的新的Vue服务器端渲染功能的教程。该教程主要集中在Laravel环境中设置SSR,所以我只有时间来演示一个简单的“HelloWorld”应用程序,没有显着的功能。现在我想要构建上一个教程,并演示如何使用VueRouter呈现包含多个页面的Vue应用程序,因为大多数Laravel项目都有多个页面。安装本教程将扩展在前一篇文章中使用Laravel&Vue.js...

2017-12-16 05:15:31

为VueJS用户提供通俗易懂的Webpack简介

对于许多开发者来说,Vue.js是他们学到的第一个前端JavaScript框架。如果这对你是真的,你可能还没有理由学习Webpack。但是当你继续使用Vue时,你会看到Webpack在文档,示例项目和VueCLI等工具中反复出现。Webpack为Vue用户提供了很多好处:一个自动化的开发过程,使编码轻而易举一个方便的开发功能的世界,如Vue的心爱的单文件组件优化您的代码,使其快...

2017-12-15 17:03:49

为什么你应该避免Vue.js DOM模板

在本文中,我将解释使用DOM作为模板的问题,并提供一些使用Vue.js框架的替代方法。Vue应用程序通常使用DOM作为模板,因为它是建立最快最简单的体系结构。然而,这种做法带来了一些问题,这使得它成为任何重大项目的不良选择。例如,您为DOM模板编写的标记并不总是在运行应用程序时获得的。在本文中,我将解释使用DOM作为模板的问题并提供一些替代方法。DOM作为模板该el选项用于将V...

2017-12-13 04:35:02

10款基于jquery的web前端动画特效

1.jQuery横向手风琴图片切换动画之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展示插件。今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标题,非常实用。在线演示源码下载2.jQuery/CSS3渐变颜色拾取器之前我们向大家分享过

2017-05-02 09:20:31

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

1.CSS3实现的火柴燃烧Loading加载动画这次我们要给大家分享一款非常特别的CSS3Loading加载动画,整个Loading加载动画就好像是火柴在燃烧一样,不足的是火苗并没有那么真实,比较抽象,不过这款Loading动画还是比较富有创意,非常适合在一些个性化的页面上使用。在线演示源码下载2.纯CSS3精美样式的飘带特效还记得之前我们分享过一些基于CSS3的飘带样式菜单吗?比如

2017-05-02 09:20:26
奖章
  • Github
    Github
    绑定github第三方账户获取