2015年7月20日
CSS3 3D旋转动画代码实例
摘要： 无标题文档CSS3 3D旋转动画代码实例.html 阅读全文
posted @ 2015-07-20 15:37 EVEN2015 阅读(596) 评论(0) 推荐(0) 编辑
css3 3d翻转
摘要： css3 3d翻转 hot! 注意：在非谷歌浏览器不能显示 阅读全文
posted @ 2015-07-20 15:36 EVEN2015 阅读(130) 评论(0) 推荐(0) 编辑
9种css3渐变按钮
摘要： CSS3 3D渐变按钮代码Cross-browser CSS gradient buttonsButtonButtonButtonButtonButtonButtonButtonButtonButton 阅读全文
posted @ 2015-07-20 15:31 EVEN2015 阅读(1590) 评论(1) 推荐(0) 编辑
实现css多列布局的几种方法
摘要： 1、display:table one two three ... 阅读全文
posted @ 2015-07-20 15:21 EVEN2015 阅读(393) 评论(0) 推荐(0) 编辑
浏览器兼容
摘要： 1、可以先使用“\9"标记，将IE分离出来，再用”*"分离出IE6/IE7，最后可以用“_”分离出IE6.type{ color: #111; /* all */color: #222\9; /* IE */ *color: #333; /* IE6/IE7 */ ... 阅读全文
posted @ 2015-07-20 14:44 EVEN2015 阅读(121) 评论(0) 推荐(0) 编辑
盒模型对比
摘要： W3C的标准盒模型:外盒尺寸计算(元素空间尺寸):element 空间高度 = 内容高度 + 内边距 + 边框 + 外边距element 空间宽度 = 内容宽度 + 内边距 + 边框 + 外边距内盒尺寸计算(元素大小):element 高度 = 内容高度 + 内边距 + 边框element 宽度 =... 阅读全文
posted @ 2015-07-20 14:25 EVEN2015 阅读(230) 评论(0) 推荐(0) 编辑
小细节
摘要： 1、设置input的placeholder内容样式的方法： input::-webkit-input-placeholder{ color:#999; font-size: 14px; }2、文字模糊效果：p { color: transparent; ... 阅读全文
posted @ 2015-07-20 14:12 EVEN2015 阅读(160) 评论(0) 推荐(0) 编辑
css3 Animation动画与过渡
摘要： 动画参数：-webkit-animation: changePosition（动画名称） 1.04s（动画持续时间） ease-in（使用的时间曲线） 1s(动画开始之前的延时) infinite（动画重复的次数） alternate（动画的方向）;参数解析:div{ -webkit-ani... 阅读全文
posted @ 2015-07-20 14:09 EVEN2015 阅读(644) 评论(0) 推荐(0) 编辑
li:nth-child()和 li:nth-of-type()选择器区别
摘要： .demo li:nth-child(2)：表示demo下面第二个元素，若此元素不是li,则选择失败。.demo li:nth-of-type(2)：表示demo下面第二个li元素。 阅读全文
posted @ 2015-07-20 13:57 EVEN2015 阅读(156) 评论(0) 推荐(0) 编辑
vh设置全屏的背景图片
摘要： 全屏的背景图片(safari 7.1不支持、opera不支持)：.bg { position: relative; background: url('bg.jpg') center/cover; width: 100%; height: 100vh;} 阅读全文
posted @ 2015-07-20 13:14 EVEN2015 阅读(243) 评论(0) 推荐(0) 编辑