摘要: var CalendarData=new Array(100); var madd=new Array(12); var tgString="甲乙丙丁戊己庚辛壬癸"; var dzString="子丑寅卯辰巳午未申酉戌亥"; var numString="一二三四五六七八九十"; var monSt 阅读全文
posted @ 2016-02-14 15:21 忘了滋味1219 阅读(5037) 评论(0) 推荐(0) 编辑
摘要: 1、-webkit-tap-highlight-color移动端页面点击按钮时会发现按钮上会出现一块阴影,设置-webkit-tap-highlight-color:rgba(0,0,0,0);就可以了,将阴影设置成透明就看不见了;2、-webkit-line-clamp限制在一个块元素显示的文本的... 阅读全文
posted @ 2015-06-03 16:45 忘了滋味1219 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 纯css3实现了一个正六边形的走马灯效果,记录一下css3动画的学习情况,效果如下:主要用到的css3技术有:keyframes、perspective、perspective-origin、transform(translate、rotate)、animation、transform-origin... 阅读全文
posted @ 2014-12-26 10:00 忘了滋味1219 阅读(2897) 评论(0) 推荐(0) 编辑
摘要: 一张张照片散乱的撒在一起,鼠标悬浮时旋转放大并摆正,效果如下图(所有图片均来自网络),主要使用到的css3属性有:transition、transform(scale、rotateZ)、box-shadow以及z-index。 ... 阅读全文
posted @ 2014-12-19 13:36 忘了滋味1219 阅读(887) 评论(3) 推荐(1) 编辑
摘要: 该效果的主要实现思路是给文字添加渐变的背景,然后对背景进行裁剪,按文字裁剪(目前只有webkit内核浏览器支持该属性),最后给背景添加动画,即改变背景的位置,背景动画效果如下(GIF录制时有卡顿,代码实现时不卡):最终效果:全部代码如下: >Slide To Unlock需要说明的是由于... 阅读全文
posted @ 2014-11-25 16:38 忘了滋味1219 阅读(1552) 评论(0) 推荐(0) 编辑
摘要: 利用css3制作可旋转的骰子,效果图如下,也可以查看 demo:首先是骰子的html结构,.page 是骰子的六个页面的 class,#one-#six分别表示六个面,.point 是骰子表面的点数: ... 阅读全文
posted @ 2014-10-18 01:02 忘了滋味1219 阅读(2936) 评论(0) 推荐(0) 编辑
摘要: 单页面网页内容较多,页面长度较大,需要方便快速的在页面的不同位置进行定位,所以浮动菜单逐渐流行了起来,如下图 男装、女装、美妆等。这种菜单功能分为两部分:1、点击菜单项,网页滚动到对应位置,可简单通过锚点实现;2、滚动页面的时候,菜单项的选中状态要跟着改变,这就需要监听网页的滚动事件并通过一点计算来... 阅读全文
posted @ 2014-09-06 01:57 忘了滋味1219 阅读(1099) 评论(0) 推荐(0) 编辑
摘要: 让页面呈现多列布局时经常会使用 float:left/right ,可是浮动布局会导致父元素的高度为0(未设置高度的情况下),不会根据子元素的高度而变化,另外,后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。#content{background:#000;}.left{width:100p... 阅读全文
posted @ 2014-08-29 11:44 忘了滋味1219 阅读(12286) 评论(1) 推荐(0) 编辑
摘要: CSS 的属性值中经常会出现百分比,搞清它们的基数是一件很重要的事情。我特意查看了一下 W3C 的 CSS2.1 标准,在此整理下:百分比单位乘以包含块的宽度 margin, padding, left, right, text-indent, width, max-width, min-width... 阅读全文
posted @ 2014-08-27 09:59 忘了滋味1219 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 带滑块的导航菜单,鼠标悬浮时,滑块会移动至鼠标位置,离开时,滑块会回到原来的位置,点击菜单之后滑块会停留在被点击菜单位置,等待下一次的鼠标悬浮事件或者点击事件,效果图:图片效果不行,直接上代码: aaa bbb ccc ddd ... 阅读全文
posted @ 2014-07-31 15:46 忘了滋味1219 阅读(825) 评论(6) 推荐(0) 编辑