随笔分类 -  HTML5+css3

meta link
摘要：<meta name="renderer" content="webkit"> 优先以webkit内核渲染页面 启用360浏览器的极速模式(webkit) <meta name=“renderer” content=“webkit|ie-comp|ie-stand”> content的取值为webk 阅读全文
posted @ 2017-05-09 15:55 MissBean 阅读(356) 评论(0) 推荐(0) 编辑
ionic overflow:auto失效
摘要：事情的起因是 同事上传一个很宽的table文件，因为手机屏幕宽度有限，因此要求 用户可以水平滚动页面，这样table的内容通过滚动就可以实现啦。 当时感觉很简单 给table外面的容器加个overflow:auto;就可以了呗； 然而，，，安卓是没问题的，ios却不行，死活滚动不了。 于是想到用io 阅读全文
posted @ 2016-07-07 11:31 MissBean 阅读(1645) 评论(0) 推荐(0) 编辑
单行文本溢出和多行文本溢出
摘要：单行文本溢出与多行文本溢出样式 阅读全文
posted @ 2015-10-16 11:09 MissBean 阅读(4878) 评论(0) 推荐(0) 编辑
纯css代码写旋转动画
摘要：css3 讲师介绍 css3鼠标滑过内容旋转 修改作业 css3鼠标滑过内容旋转 ... 阅读全文
posted @ 2015-03-20 16:46 MissBean 阅读(913) 评论(0) 推荐(0) 编辑
纯css3代码写下拉菜单效果
摘要：1 2 3 4 5 6 CSS3树形菜单 7 66 67 68 69 70 71 IT培训更多 72 73 网页制作 74 编程语言 75 ... 阅读全文
posted @ 2015-03-18 17:19 MissBean 阅读(212) 评论(0) 推荐(0) 编辑
纯css3代码写九宫格效果
摘要：主要用到css3中的transition和布局知识。代码如下 1 2 3 4 5 6 标题 7 8 60 61 62 63 64 65 潭州学院_SEO课程 66 67 ... 阅读全文
posted @ 2015-03-18 11:11 MissBean 阅读(806) 评论(0) 推荐(0) 编辑
纯css3代码写无缝滚动效果
摘要：主要用到css3中的动画 @keyframes， animation。布局是外层一个div宽固定，然后overflow hidden 绝对定位，里面的ul 固定定位。通过对ul添加动画来实现效果。具体代码如下 1 2 3 4 5 Document 6 7 43 44 45 ... 阅读全文
posted @ 2015-03-17 10:38 MissBean 阅读(806) 评论(0) 推荐(0) 编辑
css3 translate属性
摘要：translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动）；translateX(x)仅水平方向移动（X轴移动）；translateY(Y)仅垂直方向移动（Y轴移动）默认都是从左上角开始移动这里的x,y为实际数字；x,y为百分数时，是相当于移动的元素的宽+padding，高+... 阅读全文
posted @ 2015-01-26 16:53 MissBean 阅读(1332) 评论(0) 推荐(0) 编辑
css3制作滚动按钮
摘要：1，中间圆点用到css3的gradient属性2，运动用到css3的transition属性3，需要写各个浏览器的兼容代码如下 1 2 3 4 5 css3按钮 6 7 45 46 47 48 49 50 51 .btn in... 阅读全文
posted @ 2015-01-19 17:33 MissBean 阅读(602) 评论(0) 推荐(0) 编辑
微信分享代码
摘要：写好的微信项目在右上角转发给好友的时候，如果不加任何代码，朋友看到的是一段网址。加上一段代码后就可以美观一下，可以带有标题和描述以及图片；代码如下 1 2 var imgUrl = "../wish/images/share.jpg"; //图片路径 3 var lineLink = "http:... 阅读全文
posted @ 2014-12-23 18:35 MissBean 阅读(535) 评论(0) 推荐(0) 编辑
手机背景图片在安卓手机上不显示
摘要：遇到一小问题，做好的手机页面在安卓手机上不显示红框里的图片都不显示；代码是div里套一个a标签，两个都是背景图片后来把背景图片的background-size:cover;去掉就显示了，不知道为什么。先记录下来 阅读全文
posted @ 2014-12-17 10:52 MissBean 阅读(967) 评论(0) 推荐(0) 编辑
表格隔行换色及删除后仍隔行换色效果（好别扭的标题。。。）
摘要：表格隔行换色，有多种写法，可以通过jquery来写，也可以用css3实现。1.jquery方法odd,奇数；even，偶数方法很简单$("tr:odd").css({background:"#c66",color:"#fff"}); $('tr:even').css({background:"... 阅读全文
posted @ 2014-11-17 14:19 MissBean 阅读(643) 评论(0) 推荐(0) 编辑
css3中clip属性
摘要：clip 属性用来设置元素的形状。用来剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时，"clip" 属性允许规定一个元素的可见尺寸，这样此元素就会被修剪并显示在这个元素中。用这个属性需要注意以下三点：1.clip属性只能用于绝对定位元素，position:absolute或fixed。2.cl... 阅读全文
posted @ 2014-11-13 14:21 MissBean 阅读(5526) 评论(0) 推荐(2) 编辑

点击右上角即可分享
微信分享提示