kbx8916的博客

链接

在默认情况下，当单词过长，在一行中无法容纳时，文段会另起一行来放置长单词，如果此时整行都无法容纳该长单词，那么单词会溢出。1.word-wrap:break-word;使用word-wrap的情况下，遇见长单词会先换行，看是否容纳该长单词，如果能容纳，就不对单词进行拆分;如果另起一行任不能容纳，就会对单词进行拆分。2.word-break:break-all;使用w

TRBL(上右下左)的顺序原则

css3中坐标轴是相对于物体，当元素旋转的时候，坐标轴页跟着旋转。如先rotatey(60deg),再translatez(100px);与先ranslatez(100px)再rotatey(60deg),效果是不一样的。

skew(x,y),和translate(x,y)是一个参数时，第二个参数默认为0；scale(x,y)是一个参数时，第二个参数默认和第一个参数一样。

rotatex、rotatez的旋转正方向是顺时针，rotatey的旋转正方向是逆时针。

一.transition:书写形式：1.现在元素中书写要过渡效果的css属性2.再用:hover等来触发css属性的改变。只有过渡属性的值改变时，才能触发过渡效果。eg:div{height:200px;width:200px;transition:width 2s linear;}div:hover{width:400px;}

链接

transform-origin用于设置旋转元素的基点，默认为50% 50% 0px;语法transform-origin: x-axis y-axis z-axis;其中transform-origin-z:    z轴的正方向是向内的，即远离用户，值越大，越远离用户。与translatez的方向相反。链接

skew(xdeg,ydeg);用于斜拉变换。当只有一个参数时，第二个参数为0.链接

perspective属性的存在与否决定了你所看到的是2次元的还是3次元的，也就是是2D transform还是3D transform. 这不难理解，没有透视，不成3D.CSS3 3D transform的透视点是在浏览器的前方！或者这么理解吧：显示器中3D效果元素的透视点在显示器的上方（不是后面），近似就是我们眼睛所在方位！比方说，一个1680像素宽的显示器中有

设置内嵌的元素在 3D 空间如何呈现。transform-style:flat(默认)|perserve-3d链接1例子1

3d变换中的移动，z中的正方向面向用户,值越大，越靠近用户。translatez（100px）离用户更近了。transform-origin-z中z轴的正方向向内，即值越大，离用户越远。与translatez刚好相反。默认：transform-origin:50% 50% 0px;

css3中这几个rotate、translate、skew()、scale()要同时使用只要在一行的transform中用空格隔开。eg:transform:rotate(30deg) translate(100px,100px) skew(20deg);but:在rotate之后再进行translate()、skew()、scale()时,x轴y轴不再是绝对水平或绝对竖直，而

w3c plus airen的blogtransform的链接渐变rgba