HTML5 - 随笔分类 - 计划

HTML5 Canvas爱心时钟代码

摘要：这是一款数字时钟动画,数字又多个小爱心组成,又何问起整理,随着时间推进,每一秒钟新数字替换旧数字,旧数字离去使用天女散花动画,花是五颜六色的.查看效果:http://hovertree.com/texiao/html5/48/推荐其他时钟:http://hovertree.com/h/bjaf/o0 阅读全文

posted @ 2017-07-22 11:02 计划阅读(9461) 评论(0) 推荐(1) 编辑

CSS3圆环动态弹出菜单

摘要：体验效果：http://hovertree.com/texiao/css3/44/代码如下：特效推荐：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2017-06-09 20:10 计划阅读(1122) 评论(0) 推荐(1) 编辑

CSS3实现Loading动画特效

摘要：查看效果：http://hovertree.com/texiao/css3/43/代码如下： web前端特效：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2017-05-23 14:54 计划阅读(1788) 评论(0) 推荐(0) 编辑

HTML5优势

摘要：难道还没有考虑使用HTML5？当然我猜想你可能有自己的原因；它现在还没有被广泛的支持，在IE中不好使，或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一次重大的改变，事实上不管你是否喜欢，它都是代表着未来趋势。其实HTML5并不难理解和使用。我们这里能列出许多原因为什么现在要阅读全文

posted @ 2017-04-16 21:38 计划阅读(1020) 评论(0) 推荐(1) 编辑

CSS3扁平化Loading动画特效

摘要：效果预览：http://hovertree.com/texiao/css3/42/ 代码如下：特效汇总：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2017-03-12 19:01 计划阅读(1794) 评论(0) 推荐(0) 编辑

jQuery图片自动添加水印插件

摘要：JS脚本(jQuery)为图片加水印效果预览：http://hovertree.com/texiao/jquery/94/本功能使用HTML5实现，可为图片加上文字水印，可设置文字，设置颜色，位置等，加水印的图片需和网页在同个域名下。完整代码如下：源码下载：http://hovertree.com 阅读全文

posted @ 2017-02-11 17:33 计划阅读(12405) 评论(1) 推荐(0) 编辑

jQuery点击图片弹出大图遮罩层

摘要：使用jQuery插件HoverTreeShow弹出遮罩层显示大图效果体验：http://hovertree.com/texiao/hovertreeshow/在开发HoverTreeTop项目的产品展示功能过程中，因为要把产品图片的大图显示给用户看，就使用jQuery制作了一个插件：HoverTre 阅读全文

posted @ 2017-01-09 08:55 计划阅读(5299) 评论(1) 推荐(1) 编辑

2017新年快乐特效

摘要：2016年马上结束了，不管这一年经历了什么，付出和收获了什么，只能挥手和2016告别了。但愿这一年的经历，能让我们更好的把握未来的时间，把握即将到来的2017年。值此元旦来临之际，何问起制作了一个HTML5特效，预祝各位新年快乐，在2017年美梦成真！查看效果：http://hovertree.co 阅读全文

posted @ 2016-12-31 17:02 计划阅读(4626) 评论(0) 推荐(0) 编辑

jQuery拖动剪裁图片作为头像

摘要：图片上传是许多网站的一个常用的功能，有时需要对上传的图片做初步的选择裁剪，比如上传头像。下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效，可以对选择要上传的图片做缩小、放大、拖动和裁剪，由何问起调试改进，有需要的朋友可以参考一下。在文后附有源码下载。体验效果：http://hovert 阅读全文

posted @ 2016-12-28 10:35 计划阅读(1919) 评论(2) 推荐(0) 编辑

这个图片切换动画只用CSS3实现

摘要：体验效果：http://hovertree.com/texiao/css3/39/这是一个使用纯CSS3实现的图文切换效果，没使用js脚本。点击左右箭头或者索圆点引按钮可以切换内容。本特效中使用到了CSS3的新选择器 nth-of-type(n)，:nth-of-type(n) 选择器匹配属于父元素阅读全文

posted @ 2016-12-23 12:40 计划阅读(8584) 评论(1) 推荐(1) 编辑

纯css3圆形从中心向四周扩散动画效果

摘要：查看效果：http://hovertree.com/texiao/css3/37/ 先来个简单的示例，例如： @keyframes hovertreemove{from {top:30px;}to {top:130px;}}效果：http://hovertree.com/texiao/css3/37 阅读全文

posted @ 2016-12-13 12:24 计划阅读(18381) 评论(0) 推荐(0) 编辑

CSS3和javascript中的transform

摘要：在javascript中，WebkitTransform 大概相当于 transform 。transform 为标准，WebkitTransform 适用于Webkit浏览器。js中的WebkitTransform在css对应于-webkit-transform属性。在css中transform 阅读全文

posted @ 2016-11-30 07:39 计划阅读(27092) 评论(0) 推荐(3) 编辑

jquery css3问卷答题卡翻页动画效果

摘要：这个选项调查的特效以选项卡的形式，每答完一道题目自动切换到下一条，颇具特色。使用jQuery和CSS3，适合HTML5浏览器。效果展示 http://hovertree.com/texiao/jquery/87/源码下载：http://hovertree.com/h/bjaf/sym1l16q.ht 阅读全文

posted @ 2016-10-25 15:39 计划阅读(2726) 评论(0) 推荐(1) 编辑

纯css3 3D图片立方体旋转动画特效

摘要：纯css3 3D立方体模块，鼠标触碰，模块炸开，大立方体中套小立方体效果展示手机扫描二维码体验效果：效果图如下：源码下载：http://hovertree.com/h/bjaf/0qmul8gc.htm代码如下：推荐：http://hovertree.com/h/bjaf/komyoiki.htm 阅读全文

posted @ 2016-07-20 09:25 计划阅读(5647) 评论(0) 推荐(6) 编辑

CSS3鼠标滑过动画线条边框特效

摘要：基于CSS属性animation动画制作，效果流畅弹性十足效果展示 http://hovertree.com/texiao/css3/32/源码下载：http://hovertree.com/h/bjaf/fo1jlmhi.htm 效果图如下：代码如下：转自：http://hovertree.co 阅读全文

posted @ 2016-07-03 13:04 计划阅读(7047) 评论(0) 推荐(1) 编辑

CSS3鼠标悬停图片上浮显示描述代码

摘要：效果：http://hovertree.com/texiao/css3/20/效果图：代码如下：转自:http://hovertree.com/h/bjaf/tupianmiaoshu.htm 推荐：http://hovertree.com/hvtart/bjae/51kt42r0.htm 更多特阅读全文

posted @ 2016-05-05 13:27 计划阅读(4375) 评论(0) 推荐(0) 编辑

JS+CSS3人物奔跑动画

摘要：查看效果：http://hovertree.com/texiao/jquery/58/效果图：代码：转自：http://hovertree.com/h/bjaf/5f5eiagg.htm 推荐：http://hovertree.com/hvtart/bjae/yjm6v683.htm 更多特效：h 阅读全文

posted @ 2016-04-25 21:53 计划阅读(2838) 评论(0) 推荐(0) 编辑

伙伴们休息啦canvas绘图夜空小屋

摘要：HTML5 canvas绘图夜空小屋伙伴们园友们，夜深了，休息啦，好人好梦... 查看效果：http://hovertree.com/texiao/html5/28/效果图如下：代码如下：转自：http://hovertree.com/h/bjaf/umtdyo4d.htm 更多特效：http: 阅读全文

posted @ 2016-04-15 23:59 计划阅读(1483) 评论(0) 推荐(0) 编辑

节日来了发个HTML5红包

摘要：效果图：请关注微信公众号何问起 , 账号ihewenqi ,或者微信扫描下图二维码：关注后发送愚人节，或微信节日红包，可以体验效果。代码如下：转自：http://hovertree.com/h/bjaf/mcpnogp6.htm HTML5题目:http://hovertree.co 阅读全文

posted @ 2016-03-29 08:20 计划阅读(5806) 评论(0) 推荐(0) 编辑

CSS手动改变DIV高宽

摘要：本实例代码可以使DIV可以手动改变大小效果体验：http://hovertree.com/code/css/resize.htm 代码如下： <!DOCTYPE html> <html> <head><title>何问起</title><base target="_blank" /> <style 阅读全文

posted @ 2016-02-12 07:05 计划阅读(1727) 评论(0) 推荐(0) 编辑

随笔分类 - HTML5