前端资源网-html5实例-css3实例-jquery实例-爱编程

html5带flexbox网格图片的文章标题全屏图片滑动显示布局

这是一款效果很酷的html5带flexbox网格图片的文章标题全屏图片滑动显示布局。插件中使用了一些Flexbox和 CSS Transitions 技术，请确保你的浏览器支持这些特性。这个文章标题布局插件中将使用到以下的技术：CSS TransitionsMedia QueriesFlexbox with Viewport UnitsSome
2018-02-04 01:27
html5和css3炫酷select下拉菜单美化效果

这是一款使用html5 svg和css3制作的炫酷select下拉菜单美化效果。我们可以通过JavaScript库来将表单中的input元素修改为更加好看的样式，甚至是更复杂的input元素，例如select下拉菜单。我们可以有非常多的表单美化方案，使用户可以得到更加好的用户体验。我们的插件中还
2018-02-04 01:27
html5 canvas逼真下雪场景动画特效

这是一款效果十分逼真的html5 canvas下雪场景动画特效插件。这款下雪特效是基于Jason Brown的 Snowfall jquery plugin 的基础上制作的。在Snowfall jquery plugin插件的基础上，这款html5下雪动画插件插件提供了更多用于控制雪花动画的参数和方法。注意：该幻灯片插件已经
2018-02-04 01:27
HTML5超酷响应式表单美化模板插件

这是一款非常效果非常酷的HTML5超酷响应式表单美化效果插件。表单的整体效果使用扁平化风格，使用media queries来为各种屏幕创建响应式效果。在大屏幕上，整个表单分三列显示，当屏幕小到一定程度，表单的每个字段占一行。该表单采用HTML5新的表单type属性，使用它们可以
2018-02-04 01:27
html5 svg简单的模拟时钟特效

这是一款代码非常简洁的html5 svg模拟时钟特效插件。该插件通过简单的SVG图形来模拟时钟轮廓，然后使用JS代码让时钟动起来。你想查看jQuery版本的数字电子时钟的制作方法可以查看：使用JQUERY和CSS3制作逼真的数字时钟效果。html5版本带闹钟功能的数字电子时钟可以查看：
2018-02-04 01:27

html5和css3表单样式美化插件

这是一款非常实用的html5和css3表单样式美化插件。这款表单美化插件将美化以下的表单元素：复选框单选按钮下拉选择框文件选择框textarea文本框input输入框提交按钮HTML结构我们将使用html5新的表单type类型，为保证IE浏览器对html5的支持，我们需要引入下面的代码。!–[i
2018-02-04 01:27
12种炫酷html5 svg加载loading动画特效

这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载loading动画特效。该loading动画特效直接使用img标签来生成SVG图片，关于在页面中使用SVG的方法可以参考这篇文章：《如何在网页中使用SVG》。HTML结构html结构非常简单。在任何你想要显示加载loading动画的地方添加
2018-02-04 01:27
html5和css3登录注册表单界面切换动画

这是一款使用html5和css3 伪类:target制作的登录界面和注册表单界面切换动画。HTMLhtml结构包含两个表单：登录表单和注册表单。开始时使用css将注册表单隐藏。div id="container_demo" !-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scr
2018-02-04 01:27
jQuery和html5全屏响应式文章水平横向布局

这是一款jQuery和html5全屏响应式文章水平横向布局网页模板。在这个模板插件中使用了一些非常有用的jQuery插件。History.js by Benjamin LuptonjScrollPane by Kelvin Luckjquery-sparkle by Benjamin Luptonjquery.easingjquery.smartresize by Louis Remi插件中的文章是
2018-02-04 01:27
html5和css3响应式图片内容导航插件

这是一款使用html5和css3打造的响应式图片内容导航插件。点击小图可以进入大图，大图上有该图片的文字说明，鼠标持续按住文字可以使其隐藏，以便看清大图。
2018-02-04 01:27
html5和css3制作不规则的网页背景分割线

这是一款实用的、效果炫酷的html5和css3制作不规则的网页背景分割线网页模板。EXAMPLE 1下面来看一下第一个demo的制作流程。html结构：实用一个section来包裹所有的内容，其中放置一个class为se-slope的div，div中放置的是文章article。section class="se-container"div
2018-02-04 01:27
html5 svg线条动态绘制文字轮廓边框动画

这是一款很酷的html5 svg线条动态绘制文字轮廓边框动画特效。SVG路径动画在网页设计中是一项热门的技术，它允许我们绘制各种简单、精美的图标和文字。关于使用SVG制作图标方面的知识，请参考阅读ESSENTIAL ICONS。制作流程先用一张gif图片来看看效果：制作SVG1、首先你要
2018-02-04 01:27
html5 svg和css3超酷图标动画特效

这个简要教程是关于如何使用snap.svg库和css来制作图标动画的教程。、现在越来越多的网站开始使用SVG。随着大量高分辨率的显示器被广泛的使用，通过CSS媒体查询技术已经不能够满足同一张位图在不同显示器上显示相同效果的需求。我们需要依赖与矢量图形来完成这一工作。在
2018-02-04 01:27
html5和css3实用Mobile手机app功能视频展示插件

使用video视频来展示效果是向用户介绍APP功能的最好的方法之一。大多数用户在下载一个APP之前都想了解该APP的具体功能。你可以使用一个APP截图来向用户说明，但是如果你通过一张GIF动画或视频动画来向用户展示APP，就会得到截然不同的效果。 Pinterest Messages 就是一个
2018-02-04 01:27
html5 svg和css3超酷模态窗口动画特效

这是一款html5 svg和css3超酷模态窗口动画特效插件。它和19种基于css3的超华丽模态窗口效果有异曲同工之妙。在这款插件中包含了一些有趣的动画效果和SVG变形技术。注意：似乎IE11不支持在transform中使用calc()。HTMLhtml结构相当简单：div id="somedialog" class="dialo
2018-02-04 01:27
html5和js超实用的拖放UI界面设计

拖放界面的设计如何才能让用户感到最方便实用，这是一个好的网页设计师应该考虑的问题。在这款html5和js拖放UI界面设计中给出类一个非常好的解决方案。这个UI界面设计是在 Draggabilly 的基础上添加了一些新东西制作而成。还有其他的一些js库能够实现这种效果，例如 jQue
2018-02-04 01:27
css3全屏分割布局网页模板

这是一款非常实用的css3全屏分割布局网页模板。当用户点击了某一边的缩略图，该布局将以动画的方式将该部分放大到全屏显示。HTML结构div class="container"div id="splitlayout" class="splitlayout"div class="intro"div class="side side-left"div class="intro-conten
2018-02-04 01:27
html5 svg焦点图导航箭头按钮样式

任意一款焦点图或幻灯片在图片的左右两侧都带有前后导航的箭头按钮，本款html5插件使用html5 svg和css3实现了15种不同效果的焦点图导航箭头按钮动画效果。HTML结构下面是其中一种效果的html结构：nav class="nav-thumbflip"a class="prev" href="/item1"span class="icon
2018-02-04 01:27
30种炫酷html5鼠标滑过图片标题显示效果

这款插件集合和30种html5不同效果的鼠标滑过图片时标题动画效果。这个插件使用css 3D transforms和伪元素来制作动画效果。请确保你的浏览器支持这些css3特性。另外，在文本上使用css transitions时，火狐浏览器存在一些小bug（文本看起来不是十分的平滑）插件中精美的图片
2018-02-04 01:27
html5横向滑动切换文章页面布局

本教程将带给大家一种html5页面布局效果。HTML结构:div id="vs-container" class="vs-container"header class="vs-header"h1Sliding Triple View Layout spanwith Visible Adjoining Sections/span/h1ul class="vs-nav"lia href="#section-1"Hate dog flop/a/lilia href=
2018-02-04 01:27

加载中...