随笔分类 - CSS/HTML
HTML5 Canvas爱心时钟代码
摘要:这是一款数字时钟动画,数字又多个小爱心组成,又何问起整理,随着时间推进,每一秒钟新数字替换旧数字,旧数字离去使用天女散花动画,花是五颜六色的.查看效果:http://hovertree.com/texiao/html5/48/推荐其他时钟:http://hovertree.com/h/bjaf/o0
阅读全文
CSS3圆环动态弹出菜单
摘要:体验效果:http://hovertree.com/texiao/css3/44/代码如下: 特效推荐:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
CSS3实现Loading动画特效
摘要:查看效果:http://hovertree.com/texiao/css3/43/代码如下: web前端特效:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
CSS3扁平化Loading动画特效
摘要:效果预览:http://hovertree.com/texiao/css3/42/ 代码如下: 特效汇总:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
jQuery点击图片弹出大图遮罩层
摘要:使用jQuery插件HoverTreeShow弹出遮罩层显示大图效果体验:http://hovertree.com/texiao/hovertreeshow/在开发HoverTreeTop项目的产品展示功能过程中,因为要把产品图片的大图显示给用户看,就使用jQuery制作了一个插件:HoverTre
阅读全文
2017新年快乐特效
摘要:2016年马上结束了,不管这一年经历了什么,付出和收获了什么,只能挥手和2016告别了。但愿这一年的经历,能让我们更好的把握未来的时间,把握即将到来的2017年。值此元旦来临之际,何问起制作了一个HTML5特效,预祝各位新年快乐,在2017年美梦成真!查看效果:http://hovertree.co
阅读全文
jQuery拖动剪裁图片作为头像
摘要:图片上传是许多网站的一个常用的功能,有时需要对上传的图片做初步的选择裁剪,比如上传头像。下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效,可以对选择要上传的图片做缩小、放大、拖动和裁剪,由何问起调试改进,有需要的朋友可以参考一下。在文后附有源码下载。体验效果:http://hovert
阅读全文
这个图片切换动画只用CSS3实现
摘要:体验效果:http://hovertree.com/texiao/css3/39/这是一个使用纯CSS3实现的图文切换效果,没使用js脚本。点击左右箭头或者索圆点引按钮可以切换内容。本特效中使用到了CSS3的新选择器 nth-of-type(n),:nth-of-type(n) 选择器匹配属于父元素
阅读全文
纯css3圆形从中心向四周扩散动画效果
摘要:查看效果:http://hovertree.com/texiao/css3/37/ 先来个简单的示例,例如: @keyframes hovertreemove{from {top:30px;}to {top:130px;}}效果:http://hovertree.com/texiao/css3/37
阅读全文
jQ图片列表光标移动动画
摘要:本效果使用jQuery和CSS实现了图片列表,当鼠标移入时图片向左微动,移出则复原。效果展示: http://hovertree.com/texiao/jquery/88/效果图如下:其中的jQuery事件使用mouseenter 和 mouseleave ,事件绑定方法使用新推荐的on方法。具体请
阅读全文
纯css3 3D图片立方体旋转动画特效
摘要:纯css3 3D立方体模块,鼠标触碰,模块炸开,大立方体中套小立方体效果展示手机扫描二维码体验效果:效果图如下:源码下载:http://hovertree.com/h/bjaf/0qmul8gc.htm代码如下: 推荐:http://hovertree.com/h/bjaf/komyoiki.htm
阅读全文
CSS3鼠标滑过动画线条边框特效
摘要:基于CSS属性animation动画制作,效果流畅弹性十足效果展示 http://hovertree.com/texiao/css3/32/源码下载:http://hovertree.com/h/bjaf/fo1jlmhi.htm 效果图如下:代码如下: 转自:http://hovertree.co
阅读全文
CSS类似微软中国首页的竖向选项卡
摘要:效果体验:http://hovertree.com/texiao/css/24/源码下载:http://hovertree.com/h/bjaf/hardklps.htm代码如下: 转自:http://hovertree.com/h/bjaf/30dq3r8y.htm 推荐:http://hover
阅读全文
纯CSS3实现多层云彩变换飞行动画
摘要:查看效果:http://hovertree.com/texiao/css3/4/效果2 效果图: 代码如下: 转自:http://hovertree.com/h/bjaf/hvtplane.htm 参考:http://hovertree.com/h/bjaf/kqud99m6.htm 更多特效:ht
阅读全文
CSS3文本溢出显示省略号
摘要:CCS3属性之text-overflow:ellipsis;的用法和注意之处 语法: text-overflow:clip | ellipsis 默认值:clip 适用于:所有元素 clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。 ellipsis: 当对象内文本溢出
阅读全文
纯CSS打造好看的按钮样式
摘要:好看的按钮、链接、div样式,效果预览: http://hovertree.com/code/run/css/s8o19792.html 发现今天积分和排名不错: 代码如下: 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"
阅读全文
CSS手动改变DIV高宽
摘要:本实例代码可以使DIV可以手动改变大小 效果体验:http://hovertree.com/code/css/resize.htm 代码如下: <!DOCTYPE html> <html> <head><title>何问起</title><base target="_blank" /> <style
阅读全文
美食网站响应式精美模板
摘要:本模板为自适应宽度模板,可兼容PC,手机等多种环境,适应不同屏幕大小宽度。预览图片:进入下载页:http://hovertree.com/h/bjaf/bnbpkr9p.htm效果预览http://hovertree.com/texiao/muban/1/ 转自:http://hovertree.c
阅读全文
CSS的::selection使用方法
摘要:请选择本页面文本看看:http://hovertree.com/h/bjaf/38hq6y9d.htmCSS改变默认文本选中的颜色的方法一般情况下在网页里的文本我们用鼠标选中的时候都是蓝色的,这个默认颜色也是可以更改的,本文我们学习如何使用CSS3实现改变默认文本选中的颜色。以我的系统举例(xp 默...
阅读全文
css3相册图片3D旋转展示特效
摘要:查看效果:http://hovertree.com/texiao/css/14/本效果用css3的animation实现动画定义和用法animation 属性是一个简写属性,用于设置六个动画属性:animation-nameanimation-durationanimation-timing-fun...
阅读全文