红糖
-
HTML5实现的震撼3D焦点图动画
这是一款基于html5和jquery的3d焦点图动画,焦点图中的图片利用了css3的相关特性实现图片倾斜效果,从而让图片出现3d的视觉效果。这款html5焦点图不仅可以手动点击按钮切换图片,而且还支持自动切换图片,使用起来也相当方便。如…
-
HTML5中如何调用手机重力感应的接口
刚刚过去的一年里基于微信的H5营销可谓是十分火爆,通过转发朋友圈带来的病毒式传播效果相信大家都不太陌生吧,刚好最近农历新年将至,我就拿一个“摇签”的小例子来谈一谈HTML5中如何调用手机重力感应的接口。 演示代码:摇一摇,万福签…
-
网页无图再不是梦想
一直以来,网页开发对优化方面做的工作从未停止。网页无图也是为了减少页面资源请求而提出的一种畅想。无可厚非在网页开发的历程中在网页无图方面我们已经取得了不朽的成就:从一开始零零碎碎的小图标资源,到后来小图标合并成一个图片出现雪碧图,再到后…
-
纯js和CSS3炫酷自动幻灯片特效
简要教程 karrot slider是一款纯javascript和css3制作的自动播放的幻灯片插件。该幻灯片没有任何外部依赖,内置有8种不同的动画过渡效果。该幻灯片支持响应式图片设计模式,也可以制作为全屏幻灯片模式。 使用方法 使…
-
SVG基础|SVG PATH 元素
SVG的元素用于定义一些复杂的图形。它可以结合使用直线,曲线等来制作各种不规则的图形。元素是SVG基本图形中最为复杂的一个。要掌握和理解它也需要下一点苦工。先来看一个例子: <path d="M50,50 …
-
24个 HTML5 & CSS3 下拉菜单制作教程
下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。 …
-
HTML5 CANVAS:绘制路径
一条HTML5 canvas路径是通过绘制指令来连接一系列的点,由这一系列的点构成直线或曲线。路径可以用于在HTML5 canvas上绘制各种类型的图形:直线、圆形、多边形等等。路径的绘制是canvas的核心,必须很好的理解和掌握。 …
-
HTML5 CANVAS:绘制文字
我们可以在HTML5 canvas上绘制绘制文字,并且可以设置文字的字体,大小和颜色。 绘制文字的字体由2D上下文的font属性来控制。如果你需要使用颜色来填充文字或制作描边文字,可以使用2D上下文的fillStyle和strokeS…
-
前端编码风格规范之 HTML 规范
英文原文:Web Styleguide – Style guide to harmonize HTML, Javascript and CSS / SASS coding style HTML 规范 文档类型 推荐使用 HTML…
-
html5学习笔记
html5文档必须以开头lang为属性,属性值为en(定义语言为英语)或zh-CN(定义语言为中文)如果浏览器遵循w3c标准,lang属性可以用来定义样式,class定义了主要的样式,lang属性可以在此基础上做出修改, 比如:p{ f…