摘要：
demo地址： http://pan.baidu.com/s/1sjQNkCH 阅读全文
posted @ 2015-09-06 09:33
若叶知秋
阅读(268)
评论(0)
推荐(0)
摘要：
效果图： 主要实现过程: 1)4个Li元素，把他们的定位都设置未absolute. 2)改变li的旋转中心到右下角 transform-origin: 100% 100%; 4个对应旋转的角度为0,90,180,270deg 3)定位第五个li在中心 4)前面的4个li都往其所在角偏移10PX，以显 阅读全文
posted @ 2015-09-01 11:01
若叶知秋
阅读(1612)
评论(0)
推荐(0)
摘要：
效果一： 实现：（1）用before与after将前后的竖条生成 （2）动画的设计：增加其元素的长度（向下伸长），对元素加上不同的时延，反向增加阴影的长度（向上伸长） body { background: #0dcecb; color: #FFF;}.load_div{ ... 阅读全文
posted @ 2014-11-05 15:15
若叶知秋
阅读(296)
评论(0)
推荐(0)
摘要：
效果：晚上刚好群里的问起来，调试了一下，把代码mark一下，方便以后使用 鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋鞋... 阅读全文
posted @ 2014-11-05 07:32
若叶知秋
阅读(1546)
评论(0)
推荐(0)
摘要：
HTML:demo1 demo2CSS:.demo { width: 100px; height: 100px; text-align: center; line-height: 100px; border: 10px solid #ccc; border-rad... 阅读全文
posted @ 2014-10-28 19:40
若叶知秋
阅读(2229)
评论(2)
推荐(0)
摘要：
参考别人的教程，模仿了一下，效果图：html: Breadcrumb css:#crumbs ul li a { display: block; float: left; height: 5... 阅读全文
posted @ 2014-10-28 19:23
若叶知秋
阅读(1064)
评论(0)
推荐(1)
摘要：
ButtonButtonButtonButtonButtonButtonButton自己尝试实现了几个效果，总结下制作方法（如在不同浏览器下看不到效果请在css3属性上加上个浏览器的前缀）：1：设置按钮的transition属性，做统一的过渡效果，包括按钮的:before，:after的过渡属性。2... 阅读全文
posted @ 2014-10-27 14:49
若叶知秋
阅读(338)
评论(0)
推荐(0)
摘要：
效果图： ★ ★ ★ ★ ★ .rating { margin: 10px 0;}.rating-3-half .star-4 { border-left-color: #f0991e;}.rating i { display: in... 阅读全文
posted @ 2014-10-27 14:46
若叶知秋
阅读(269)
评论(0)
推荐(0)
摘要：
js效果（一）：上传的图片预览$("#path").change(function(){ var objUrl = getObjectURL(this.files[0]) ; console.log("objUrl = "+objUrl) ; if (objUrl) { $("#img0... 阅读全文
posted @ 2014-10-27 14:44
若叶知秋
阅读(268)
评论(0)
推荐(0)
摘要：
编写过程中的效果：HTML代码：输入手机号 设置密码 .se-container{width: 100%;} .se-slope{width: 50%;height: 40px;position: relative;float: left;overflow: hidden;} .se-slo... 阅读全文
posted @ 2014-10-27 14:42
若叶知秋
阅读(1465)
评论(0)
推荐(0)
浙公网安备 33010602011771号