随笔分类 -  HTML5

HTML5 Canvas爱心时钟代码
摘要:这是一款数字时钟动画,数字又多个小爱心组成,又何问起整理,随着时间推进,每一秒钟新数字替换旧数字,旧数字离去使用天女散花动画,花是五颜六色的.查看效果:http://hovertree.com/texiao/html5/48/推荐其他时钟:http://hovertree.com/h/bjaf/o0 阅读全文
posted @ 2017-07-22 11:02 计划 阅读(9455) 评论(0) 推荐(1) 编辑
CSS3圆环动态弹出菜单
摘要:体验效果:http://hovertree.com/texiao/css3/44/代码如下: 特效推荐:http://www.cnblogs.com/jihua/p/webfront.html 阅读全文
posted @ 2017-06-09 20:10 计划 阅读(1121) 评论(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 计划 阅读(8583) 评论(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 计划 阅读(18372) 评论(0) 推荐(0) 编辑
CSS3和javascript中的transform
摘要:在javascript中,WebkitTransform 大概相当于 transform 。transform 为标准,WebkitTransform 适用于Webkit浏览器。js中的WebkitTransform在css对应于-webkit-transform属性。在css中transform 阅读全文
posted @ 2016-11-30 07:39 计划 阅读(27085) 评论(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 计划 阅读(2725) 评论(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 计划 阅读(4374) 评论(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) 编辑