标签归档:CSS 3

手机端固定定位元素不可点击问题处理_mobile fixed element can not click issue

在安卓手机若一个div设置了固定定位,在给其隐藏后再控制让其显示,会出现不可点击 … 继续阅读

发表在 CSS & HTML, javascript & Ajax, 移动端开发 | 标签为 , , , , , , | 留下评论

css3 gradient 渐变透明设置

background-image:         linear-gradient(left,rgba(255,255,255,0),#E1D9CD);}
这里用rgba颜色来设置颜色透明度,linear-gradient(left,rgba(255,255,255,0) 10%,#E1D9CD 10%);在颜色后面带上百分比来设置改颜色算占的比例 继续阅读

发表在 CSS & HTML | 标签为 , | 留下评论

CSS响应式设计iPad专有CSS3_CSS Responsive design iPad-Specific CSS3

摘自:http://css-tricks.com/snippets/css/ipad-specific-css/在做响应式设计的时候个人兼容性css代码则将下面ipad兼容代码加入:@media only screen and (device-width: 768px) { /* For general iPad layouts */} 继续阅读

发表在 CSS & HTML | 标签为 , , | 留下评论

Rain CSS框架基础类名简写_Use abbreviation class name in Rain CSS Framework

一直以来都有一个问题,rain css框架的类名过长,导致页面的class内容特别多,如:
现在个人将所有长类名增加了一个缩写,页面class内容长度大大缩短: 继续阅读

发表在 CSS & HTML | 标签为 , , , | 留下评论

CSS3 2D和3D矩阵的原理_CSS3 2D and 3D matrix

2d的变形:
-webkit-transform: matrix3d(1, 0, 0, 1);
这里的(1, 0, 0, 1)是两个向量a(1,0) b(0,1),向量a是x轴方向上的,向量b是y轴方向上的.向量值的变化使得图形在方向和大小上有所改变. 继续阅读

发表在 CSS & HTML | 标签为 , , | 留下评论