- 博客(6)
- 收藏
- 关注
RSS订阅原创 图片手风琴效果
图片手风琴效果可以通过简单的css代码来实现其html代码如下 手风琴效果 *{ margin: 0; padding: 0; } ul{ list-style: none; } img{ border: none; } ul{ height: 360px; width: 1100px; } li{ height: 3
2016-12-18 14:14:35
459
原创 css3之动画效果animation
animation和transform通常要一起使用 首先要定义一个name即 @keyframe myname{ from(transform:rotate() translate()) to(transform:rotate() translate()) }里面为其初始状态以及结束状态，若想要更好的效果则将里面的过程细分为百分比，从0到100%，分的越多
2016-12-17 21:22:45
334
原创 自己总结的浏览器常见bug及解决方案
1，当图片嵌套在一个父元素里而产生的空隙 解决方案：设置其img{ vertical-align:top/middle/bottom; } 或者将img设为块级元素img{ display:block;} 2在浏览器下由于换行使得图片之间存在一个左右为3px的间距 解决方案：设置img的float属性即img{float:left;} 3.input标签与img垂直方向不对齐问题或者i
2016-12-17 20:19:45
2158
原创 css3之变形transform
css3新增的transform属性会使我们的页面更具有灵动性 transform有一下几个属性：translate（平移）、scale（缩放）、rotate旋转、skew扭曲 其变形的起始点即原点是transform-origin控制的 transform具体用法如下： 例如一个图片要实现鼠标放上去产生旋转缩放的效果，那么要设置 img:hover{ transform:rot
2016-12-17 20:16:58
286
原创 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-12-17 20:02:17
159
原创 css之斜角的制作
span{ width:0px; height:0px; border:4px solid transparent; border-top/right/bottom/left:4px solid } 需要哪个就设置该方向的边款即可
2016-12-17 19:46:15
1100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人