CSS/HTML - 随笔分类 - 计划

HTML5 Canvas爱心时钟代码

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

posted @ 2017-07-22 11:02 计划阅读(9467) 评论(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 计划阅读(1789) 评论(0) 推荐(0) 编辑

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点击图片弹出大图遮罩层

摘要：使用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 计划阅读(4629) 评论(0) 推荐(0) 编辑

jQuery拖动剪裁图片作为头像

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

posted @ 2016-12-28 10:35 计划阅读(1920) 评论(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 计划阅读(18394) 评论(0) 推荐(0) 编辑

jQ图片列表光标移动动画

摘要：本效果使用jQuery和CSS实现了图片列表，当鼠标移入时图片向左微动，移出则复原。效果展示: http://hovertree.com/texiao/jquery/88/效果图如下：其中的jQuery事件使用mouseenter 和 mouseleave ，事件绑定方法使用新推荐的on方法。具体请阅读全文

posted @ 2016-11-09 16:01 计划阅读(929) 评论(0) 推荐(0) 编辑

纯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) 编辑

CSS类似微软中国首页的竖向选项卡

摘要：效果体验：http://hovertree.com/texiao/css/24/源码下载：http://hovertree.com/h/bjaf/hardklps.htm代码如下：转自：http://hovertree.com/h/bjaf/30dq3r8y.htm 推荐：http://hover 阅读全文

posted @ 2016-06-03 20:56 计划阅读(1522) 评论(0) 推荐(0) 编辑

纯CSS3实现多层云彩变换飞行动画

摘要：查看效果：http://hovertree.com/texiao/css3/4/效果2 效果图：代码如下：转自：http://hovertree.com/h/bjaf/hvtplane.htm 参考：http://hovertree.com/h/bjaf/kqud99m6.htm 更多特效：ht 阅读全文

posted @ 2016-04-06 10:28 计划阅读(2161) 评论(0) 推荐(0) 编辑

CSS3文本溢出显示省略号

摘要：CCS3属性之text-overflow:ellipsis;的用法和注意之处语法： text-overflow：clip | ellipsis 默认值：clip 适用于：所有元素 clip：当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。 ellipsis：当对象内文本溢出阅读全文

posted @ 2016-03-01 14:47 计划阅读(33313) 评论(0) 推荐(0) 编辑

纯CSS打造好看的按钮样式

摘要：好看的按钮、链接、div样式,效果预览： http://hovertree.com/code/run/css/s8o19792.html 发现今天积分和排名不错：代码如下： 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml" 阅读全文

posted @ 2016-02-25 14:48 计划阅读(2005) 评论(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 计划阅读(1729) 评论(0) 推荐(0) 编辑

美食网站响应式精美模板

摘要：本模板为自适应宽度模板，可兼容PC，手机等多种环境，适应不同屏幕大小宽度。预览图片：进入下载页：http://hovertree.com/h/bjaf/bnbpkr9p.htm效果预览http://hovertree.com/texiao/muban/1/ 转自：http://hovertree.c 阅读全文

posted @ 2016-02-07 00:15 计划阅读(1554) 评论(0) 推荐(0) 编辑

CSS的::selection使用方法

摘要：请选择本页面文本看看:http://hovertree.com/h/bjaf/38hq6y9d.htmCSS改变默认文本选中的颜色的方法一般情况下在网页里的文本我们用鼠标选中的时候都是蓝色的，这个默认颜色也是可以更改的，本文我们学习如何使用CSS3实现改变默认文本选中的颜色。以我的系统举例（xp 默... 阅读全文

posted @ 2016-01-19 20:17 计划阅读(3288) 评论(0) 推荐(0) 编辑

css3相册图片3D旋转展示特效

摘要：查看效果：http://hovertree.com/texiao/css/14/本效果用css3的animation实现动画定义和用法animation 属性是一个简写属性，用于设置六个动画属性：animation-nameanimation-durationanimation-timing-fun... 阅读全文

posted @ 2016-01-06 09:57 计划阅读(4329) 评论(0) 推荐(1) 编辑

随笔分类 - CSS/HTML