-
css3选择器: 1:属性选择器:E(标签)[样式^/$/*=“ ”]http://img1.sycdn.imooc.com//5438cff800012a4d09080383.jpg查看全部
-
第8章:css3的变形动画 transform(改变)属性下的函数: 1:rotate(x):元素平面上的左右旋转,只有一个参数:表示旋转的角度,正/负值:顺/逆;单位:deg 2:skew(x,y)/skewX()/skewY():元素相对于原点旋转扭曲,参数/角度同上,skew(x,y)如果只有一个参数则表示只有x轴上旋转。具体效果不是很清楚???? 3:scale(x,y)/scaleY()/scaleX():缩放的功能:参数可以是0~1之间。 4:translate(x,y)/translateY()/translateX():位移变化函数,参数是百分比或者px 5:matrix():是通过矩阵来进行位移变化,难~ transition(过渡)属性下的二级属性: 1:transition-origin:元素中心位置 2:transition-property:width/height/opacity/font-size/right/bottom/border-bottom-width等具有过度效果的属性(要在默认状态中声明初始样式)(在执行动作的伪类中,表明最终样式)--通过css实现动画效果 3:transition-duration:动画过渡所需的时间; 4:transition-timing-function:动画过渡的时间函数(恒速/由快到慢/~~~)ease(默认快到慢)ease-in(加速)ease-out(减速)linear(恒速)ease-in-out(先加后减) 5:transition-delay:动画延迟多少秒开始;查看全部
-
参数和skew有点像.设成-50%可以达到居中的效果.查看全部
-
skew()的取值默认的值为1,当值设置为0.01到0.99之间的任何值,作用使一个元素缩小;而任何大于或等于1.01的值,作用是让元素放大。 scaleY(y)元素仅垂直方向缩放(Y轴缩放) scaleX(x)元素仅水平方向缩放(X轴缩放) scale(X,Y)使元素水平方向和垂直方向同时缩放(也就是X轴和Y轴同时缩放)查看全部
-
1、skew(x,y)使元素在水平和垂直方向同时扭曲(X轴和Y轴同时按一定的角度值进行扭曲变形); 2、skewX(x)仅使元素在水平方向扭曲变形(X轴扭曲变形); 3、skewY(y)仅使元素在垂直方向扭曲变形(Y轴扭曲变形)查看全部
-
文本旋转而已!查看全部
-
牛牛牛查看全部
-
:read-only”伪类选择器用来指定处于只读状态元素的样式 元素中设置了“readonly=’readonly 可以和disabled对比。查看全部
-
:selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下,选择网站文本是深蓝的背景,白色的字体 不过在Firefox浏览器还需要添加前缀。查看全部
-
input[type="radio"]:checked 选中后的样式。查看全部
-
:enabled 可用 :disabled 不可用查看全部
-
x:only-child(); 选择父元素中唯一的一个x子元素查看全部
-
transform-origin:原点的重新定位查看全部
-
background-position:对背景图片的位置进行定位:top/right/left/bottom/rigth top/(50px,50px)/百分比[http://blog.csdn.net/JeamKing/article/details/5617088]详解查看全部
-
这个门弄懂: 多重背景,也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加,缩写时为用逗号隔开的每组值;用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),表明所有背景图片应用该属性值。 语法缩写如下: background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 注意:用逗号隔开每组background的缩写值;如果有size值,需要紧跟position并且用"/"隔开;分解写法时,background-color只能设置一个。查看全部
举报
0/150
提交
取消