-
flex布局查看全部
-
制作一个导航菜单查看全部
-
text-overflow:ellipsis;文字溢出用省略号显示 overflow:hidden; 溢出的内容为隐藏。 white-space:nowrap;墙纸文本在一行内显示，查看全部
-
但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 实现省略号查看全部
-
CSS3颜色 渐变色彩（线性渐变） linear-gradient(to bottom,#fff,#999) (渐变类型（渐变方向，起始颜色，结束颜色）) 渐变方向有：to top（下到上）, to right（左到右）, to bottom（上到下）, to left（右到左）, to top left（右下角到左上角）, to top right（左下角到右上角）查看全部
-
background-image:linear-gradient(to top left,red,yellow);查看全部
-
repeate不断重复。 round 平铺，为了实现圆满所以会被压缩或者拉伸。 stretch 拉伸，有多长拉多长，不重复。查看全部
-
这有点难查看全部
-
-位移 translate() translate我们分为三种情况： 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） 2、translateX(x)仅水平方向移动（X轴移动） 3、translateY(Y)仅垂直方向移动（Y轴移动）查看全部
-
transform: scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）查看全部
-
transform:skew(45deg);在X轴或者Y轴进行扭曲 skew()函数不会旋转，而只会改变元素的形状，就是像x y 轴方向拉变形 如果是skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形）高度不变 会比原来的宽了， skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）宽度不变 高度变了查看全部
-
0%{ transform: translate(5px,90px); } 20%{ transform: translate(275px,90px); } 40%{ transform: translate(35px,240px); } 60%{ transform: translate(150px,0px); } 80%{ transform: translate(240px,240px); } 100%{ transform: translate(5px,90px); } } div { width: 300px; height: 300px; border: 1px solid red; margin: 20px auto; border-radius:150px } div span { display: inline-block; width: 20px; height: 20px; background: green; border-radius: 100%; animation-name:move; animation-duration: 7s; animation-timing-function:linear; animation-delay:.1s; animation-iteration-count:infinite; }查看全部
-
a[class^="column"]{ background:red; } a[href$="doc"]{ background:green; } a[title*="box"]{ background:blue; }查看全部
-
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
这题还要学习查看全部
举报
0/150
提交
取消