HTML5
学习,总结,分享HTML5笔记,源代码,及技术交流
damys
态度决定一切,积累决定层次,思维决定行为,习惯决定命运
展开
-
HTML5----input-datalist输入框自动提示功能
效果图:字母 :原创 2014-06-18 08:59:15 · 6856 阅读 · 0 评论 -
HTML5----拖放drag,drop
拖放drag,dropp{ color:#666; font-size:14px; line-height:20px;}#div1{ width:230px; height:80px; padding:10px; border:1px solid #666;}<!--1.设置元素为可拖放:draggable="true"2.拖动什么--ondragstart(调原创 2014-09-05 11:27:23 · 985 阅读 · 0 评论 -
HTML5----Canvas画布
方法描述save()保存当前环境的状态restore()返回之前保存过的路径状态和属性createEvent() getContext() toDataURL()原创 2014-09-05 15:03:07 · 1514 阅读 · 0 评论 -
HTML5----SVG
什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG 的优势与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于:SVG 图像可通过文原创 2014-09-05 15:58:57 · 968 阅读 · 0 评论 -
HTML5----Canvas VS SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。原创 2014-09-05 16:04:59 · 893 阅读 · 0 评论 -
CSS3----Columns:比table更好用的分列式布局方法
CSS3里的column系列属性提供了各种不同的功能,通过组合使用它们,你能得到相应的任何分栏式布局:column-count: 列数目column-gap: 各列之间间隙宽度column-width: 建议宽度;未必会使用,浏览器基于此数值进行计算column-rule-width:列之间分割线宽度column-rule-style:列之间分割线风格column-rule-color原创 2014-05-04 09:29:57 · 12474 阅读 · 0 评论 -
HTML5----scoped属性
scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效,具体说,就是存放这段style样式的元素的子元素生效原创 2014-04-22 09:38:44 · 1949 阅读 · 0 评论 -
CSS3----实现光芒旋转头像动画
CSS: @-webkit-keyframes spin { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-moz-keyframes spin { from {-moz-transform: rotate(0deg);} to {-原创 2014-05-08 11:54:55 · 2771 阅读 · 2 评论 -
CSS3----画圆,渐变,旋转
效果图:使用border-radius,你可以画出各种漂亮的圆形图案CSS.circle { border-radius: 50%; display: inline-block; margin-right: 20px;}#circle1 { width: 200px; height: 200px; backgrou...原创 2014-05-08 09:48:40 · 6054 阅读 · 0 评论 -
CSS3----图片倒影效果
CSS:Html:原创 2014-05-15 11:11:35 · 7043 阅读 · 0 评论 -
HTML5----kinetic,CSS3(Canvas)--小丑动画
显示效果图:hover后效果图:原创 2014-05-23 11:32:53 · 4395 阅读 · 0 评论 -
HTML5----CSS3图片滤镜(filter)特效
暂不支浏览器:FF,IE...希望后原创 2014-06-16 09:51:06 · 6058 阅读 · 1 评论