css中translate函数的用法
时间:2023-05-26 12:51:47阅读数:0
1、translate允许单独声明平移变换,并独立于transform属性。
2、这在一些典型的用户界面上更好用,而且这样就无需在transform中声明该函数并记住转换函数的确切顺序了。
css translate实例
.wrapper { width: 200px; height: 200px; border: 2px dotted red; margin: 20px auto; } .wrapper div { width: 200px; height: 200px; line-height: 200px; text-align: center; background: orange; color: #fff; -webkit-transform: translate(50px,100px); -moz-transform:translate(50px,100px); transform: translate(50px,100px); }
相关文章
-
css中minmax()函数的使用
minmax()函数说明1、minmax()函数来创建行或列的最小或尺寸。2、第一个参数定义网格轨道的最小值,第二个参数定义网格轨道的值。可以接受任何长度值,也接受 auto 值。auto 值允许网格
>2023-05-26 -
css中repeat()函数的用法
repeat()函数说明1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。2、repeat()也接受两个参数:第一个参数定义网格轨道应该重复的次数,第二个
>2023-05-26 -
css中skew函数的使用
1、skew函数定义元素在二维平面上的倾斜转换。这种转换是一种剪切映射(横切),在水平和垂直方向上将单元内的每个点扭曲一定的角度。每个点的坐标根据指定的角度以及到原点的距离,进行成比例的值调整。因此,
>2023-05-26 -
css中counter()函数的介绍
1、counter()函数必须和content属性一起使用,用来显示CSS计数器。2、它以CSS计数器名称作为参数,并作为值传递给content属性,而content属性就会使用:before伪元素将
>2023-05-26 -
css中couters函数是什么
1、counters函数也必须和content属性一起使用,用来显示CSS计数器。2、counters作为值传递给content属性,content属性在使用:before伪元素将计数器显示为生成的内
>2023-05-26