-
box-sizing:border-box content-box inherit;查看全部
-
为边框应用图片: border-image : url网址(超链接) 切割图片的宽度 图片延伸方式 border-image : url(borderimg.png) 70 round\repeat\stretch; repeat:重复 round:拉伸,压缩 stretch:拉伸,有多长拉多长查看全部
-
1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; inset 可以写在参数的第一个或最后一个,其它位置是无效的。 inset表示投影为内部投影方式查看全部
-
前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
column-rule 主要用来定义之间的边框宽度、变宽样式和边框颜色查看全部
-
ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))。 ease-in 规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))。 ease-out 规定以慢速结束的过渡效果(等于 cubic-bezier(0,0,0.58,1))。 ease-in-out 规定以慢速开始和结束的过渡效果(等于 cubic-bezier(0.42,0,0.58,1))。查看全部
-
http://www.w3cplus.com/content/css3-multiple-backgrounds 不懂可以参考如下资料查看全部
-
CSS3背景 background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | <长度值> | <百分比> | cover | contain 取值说明: 1、auto:默认值,不改变背景图片的原始高度和宽度; 2、<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放; 3、<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上; 4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器; 5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。查看全部
-
这章的目的:实现文本溢出内容的隐藏和显示方式查看全部
-
background-image:linaer-gradient(to top) to buttom to left to right 渐变查看全部
-
这一节把skew换成rotate更好理解,效果更明显查看全部
-
matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY()); 6个属性的意思的:第一个宽度比例1就是原大小,第二个是上下倾斜1就是2倍,2就是3倍,第三个是左右倾斜,数字和第二个一样的意思,第四个是高度比例1就是原大小,第五个是X方向的像素位移,X方向就是左右,第六个是Y方向的像素位移,Y方向就是上下查看全部
-
display:block;以块元素形式呈现; transform适用于:所有块级元素及某些内联元素。为了确保旋转有效,将行内元素转为块级元素是最好的方法。查看全部
-
例子 1 border-style:dotted solid double dashed; 上边框是点状 右边框是实线 下边框是双线 左边框是虚线 例子 2 border-style:dotted solid double; 上边框是点状 右边框和左边框是实线 下边框是双线 例子 3 border-style:dotted solid; 上边框和下边框是点状 右边框和左边框是实线 例子 4 border-style:dotted; 所有 4 个边框都是点状查看全部
举报
0/150
提交
取消