css3
关注
分享
扫一扫
我是新手F1
热爱前端编程，希望可以和大家一起进步。。。
展开
-
IE css3常用属性兼容性
min-width,min-height,max-width,max-height：ie7+vw, vh, vmin, vmax：ie9+局部支持box-sizing：ie8+@media：ie9+原创 2017-01-09 23:15:50 · 633 阅读 · 0 评论 -
css换行（white-space、word-wrap、word-break）
white-space值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。pre-wrap保留空白符序列，但是正常地进行换行。原创 2017-04-11 14:26:21 · 1148 阅读 · 0 评论 -
欢迎使用优快云-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-04-14 23:37:37 · 174 阅读 · 0 评论 -
css3 动画之transition，animation
css3动画 csss3实现动画的方式主要有两种方式：一种是用transition过渡效果来实现动画，另外一种直接使用animation配合keyframe来实现。虽然这两种方式都能实现动画效果，但是区别还是有的。transition官方属性解释： 也可以把属性写成一行：div{transition: width 2s, height 2s, transform 2s;-moz-t原创 2017-04-16 21:44:09 · 678 阅读 · 0 评论 -
css3 3d转换之perspective,perspective-origin
perspective perspective属性对于3D变形来说至关重要。该属性会设置查看者的位置，并将可视内容映射到一个视锥上，继而投到一个2D视平面上。如果不指定透视，则Z轴空间中的所有点将平铺到同一个2D视平面中，并且变换结果中将不存在景深概念。 以下为将图片沿x轴旋转一定角度的两个效果，一个设置了perspective，一个没有设置perspective，可以看到明显的区别。原创 2017-04-16 14:27:36 · 5079 阅读 · 0 评论 -
css3深入理解之border-radius
border-radius具有两个特性：大值特性和等比例特性。这两个特性主要用来控制当border-radius的值大于元素的outerWidth或outerHeight时，元素边框的变形行为。大值特性当border-radius值很大的时候只会用元素的最大的宽或高(包括border)来渲染<!DOCTYPE html><html><head> <title></title><sty原创 2017-04-25 11:25:53 · 1914 阅读 · 0 评论