Web 前端设计语言

总计 24 页,当前第 8 页
特效篇 / 插件篇

超酷jQuery环形按钮菜单效果插件

简要教程这是一款效果非常酷的jQuery环形按钮菜单效果插件。要使用这个插件,首先需要在页面中引入jQuery和jquery.wheelmenu.js,以及wheelmenu.css文件。HTML结构要确保wheel-button超链接中的href匹配你想要现实的环状按钮菜单列表。<a href="#wheel" class="wheel-button"> &nb...
8年前 (2017-01-03) 阅读(2638) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

纯CSS3液态胶合效果的环形菜单按钮特效

这是一款效果非常有创意的纯CSS3液态胶合效果的环形菜单按钮特效。该环行菜单按钮在用户点击主菜单按钮后,两行子菜单会以环状的方式打开,并且子菜单就像液体一样,能够胶合,具有弹性,效果非常炫酷。使用方法 HTML结构在HTML结构中,主菜单按钮使用input[type='checkbox']的复选框和一个<label>元素来制作。子菜单按钮是一组<button>元素。<div&nbs...
8年前 (2017-01-03) 阅读(4006) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

多功能用途 Gooey Effects 7种炫酷HTML5 SVG液态水滴融合动画特效

简要教程这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效。这些SVG动画特效使一些HTML元素,如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合分解,效果非常的酷。SVG Filters通过SVG Filters我们可以修改一个给定的图形,创建我们需要的结果。SVG中包含了一种可以执行各种操作的filter元素,下面列出了一些可用的SVG filter元素:feBlendfeColorMat...
8年前 (2017-01-03) 阅读(3871) 赞一个 (1) 评论(0) 链接直达
特效篇 / 插件篇

14种CSS3炫酷表单input输入框美化效果

简要教程这是一款效果非常酷的CSS3表单input输入框美化效果插件。为表单的input输入框制作一些特殊的效果能给用户带来更好的用户体验。这个CSS3表单input输入框美化插件就是一个很好的例子。这个插件中的效果大多数是使用CSS transitions来切换伪元素制作的。HTML结构HTML结构使用一个span作为wrapper,包裹住input和它的label。为了效果能正常工作,要将label放置在input后面,这是在使用复...
8年前 (2017-01-03) 阅读(6352) 赞一个 (4) 评论(0) 链接直达
特效篇 / 插件篇

12种炫酷HTML5 SVG和CSS3表单浮动标签特效

这是一组效果非常炫酷的HTML5 SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果,使用SVG和CSS3来制作完成。这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成,一部分则使用SVG来制作变形动画。在前面已经发表了一篇关于SVG浮动标签的文章:14种CSS3炫酷表单input输入框美化效果。这篇文章中的浮动标签效果是它的一些补充,在原来14种效果的基础上有...
8年前 (2017-01-03) 阅读(4505) 赞一个 (1) 评论(0) 链接直达
特效篇 / 插件篇

与众不同的鼠标滑过超链接下划线动画效果

默认的超链接下划线动画十分的生硬,我们可以通过一些简单的处理,来制作出带平滑过渡效果的超链接下划线动画效果。众所周知,超链接<a>元素在默认情况下鼠标滑过时会出现一条下划线。默认的超链接下划线动画十分的生硬,我们可以通过一些简单的处理,来制作出带平滑过渡效果的超链接下划线动画效果。先来体验一下这个超链接动画的效果,用鼠标滑过下面的链接试试。下面我们开始来制作这个效果。首先第一步是要关闭超链的text-decoration属性...
8年前 (2017-01-03) 阅读(5085) 赞一个 (3) 评论(0) 链接直达
特效篇 / 插件篇

程序员如何祝福圣诞节快乐?

一年一度的圣诞节又来临了。在这个越来越受到国人重视的节日中,每个人有每个人的浪漫方式,当然程序员们也不例外。下面就来看看程序员们是如何为这个节日增添不一样的气氛的。初级程序员的节日问候1、使用canvas功能绘制的简单圣诞树在绘图板中绘制下面这个图形并不算什么难事,但是使用代码来生成这个圣诞树却需要一定的HTML5基础。下面这个图形使用HTML5中的<canvas>标签来绘制,如果你熟悉HTML5,这对你来说轻而易举。源码:...
8年前 (2016-12-30) 阅读(3607) 赞一个 (0) 评论(0) 链接直达

程序喵 www.ibloger.net

文章归档 站内留言 给我写信 文章订阅