本文就是和大家分享一下css3中哪个属性可以实现翻译效果的内容。我觉得边肖很实用，就和大家分享一下作为参考。让我们跟着边肖看一看。
css3中能够实现翻译效果的属性是“transform”。transform属性可以与translate()函数一起使用来翻译元素。语法为“element { transform : translate(水平平移值，垂直平移值))；}”。
本教程操作环境：windows10系统，CSS3HTML5第5版，戴尔G3电脑。
在css3中，可以将transform属性与translate()函数配合使用，实现元素翻译效果。
变换属性对元素应用2D变换或三维变换。这个属性允许我们旋转、缩放、移动或倾斜元素。
Translate()函数用于定义元素的2D转换。也就是翻译效果。
语法如下：
元素{transform:translate(水平平移值，垂直平移值)；}示例如下：
！DOCTYPEhtml
htmllang=’en ‘
头
metachartset=’ UTF-8 ‘
元名称=“视口”内容=“宽度=设备宽度，初始比例=1.0”
meta http-equiv=’ X-UA-Compatible ‘ content=’ ie=edge ‘
标题文档/标题
风格
div{
宽度width:100px
高度：100 px；
border:1pxsolid # 000
transform:translate(100px，100 px)；
}
/style
/head
身体
分区/部门
/body
/html html输出结果：
未添加Transform : translate (100px，100px)；风格
add transform : translate(100px，100px)；样式后：
感谢阅读！这篇关于“css3中哪个属性可以实现翻译效果”的文章就分享到这里了，希望。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/146793.html