-
transform:rotate（45deg） 相对中心原点进行旋转查看全部
-
matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵 就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素 transform: matrix(1,0,0,1,100,100); 定位到100px,100px 通过matrix()函数实现translate(100px,100px)的效果查看全部
-
translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） translateX(x)仅水平方向移动（X轴移动） translateY(Y)仅垂直方向移动（Y轴移动） transform:translate(-50%,-50%); 不知道宽度和高度的元素实现水平、垂直居中。查看全部
-
skew()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大。 scaleY(y)元素仅垂直方向缩放（Y轴缩放） scaleX(x)元素仅水平方向缩放（X轴缩放） scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）查看全部
-
transform:skew(-45deg); 子元素与父元素扭曲相反 skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）； skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形）； skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）查看全部
-
变形--旋转 rotate() transform:rotate(0deg);不旋转 transform: rotate(45deg);正值是顺时针查看全部
-
/*任务六、点击综略图，切换背景图*/ /*背景图从左向右出现*/ .slideLeft:target{} /*背景图从下向上出现*/ .slideBottom:target{} /*背景图由小到大出现*/ .zoomIn:target{} /*背景图由大到小出现*/ .zoomOut:target{} /*背景图旋转出现*/ .rotate:target{} /*任务七、设置不显示的背景图层级*/ /* Not Target */ bg:not(:target){} 这个效果是怎么实现的 背景切换查看全部
-
":read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。查看全部
-
“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’”查看全部
-
input[type="radio"] + span 相邻兄弟选择器 opacity: 1; 透明度 值为 0 到 1查看全部
-
:disabled 选择不可用表单元素 :enabled 选择可用表单元素 元素后边带:enabled or :disabled查看全部
-
“:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。查看全部
-
在@keyframes中定义动画名称时，其中0%和100%还可以使用关键词from和to来代表，其中0%对应的是from，100%对应的是to。查看全部
-
div { width: 300px; height: 200px; background-color: orange; margin: 20px auto; -webkit-transition: height 1s ease-out .2s; transition:height 1s ease-out .2s; } div:hover { height: 100px; }查看全部
-
transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间 合并 transition: background-color .5s ease .1s;查看全部
举报
0/150
提交
取消