本文主要是介绍tranform值transform-origin，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
transform-origin属性
默认情况，变形的原点在元素的中心点，或者是元素X轴和Y轴的50%处。
如果把transform-origin原点设置为 0 ，0，这个时候元素的变换原点转换到元素的左顶角处。
transform-origin取值与background-position取值类似。
top = top center = center top = 50% 0
right = right center = center right = 100%或（100% 50%）
bottom = bottom center = center bottom = 50% 100%
left = left center = center left = 0或者（0 50%）
center = center center = 50%或（50% 50%）
top left = left top = 0 0
right top = top right = 100% 0
bottom right = right bottom = 100% 100%
bottom left = left bottom = 0 100%
如下图
transform-origin取值为center （或center center 或50% 50%）
transform-origin取值为top（或top center 或center top 或50% 0）
transform-origin取值为right（或right center 或center right或100% 或100% 50%）
transform-origin取值为bottom（或bottom center 或center bottom或50% 100% ）
transform-origin取值为left（或left center 或center left或0%或0% 50% ）
transform-origin取值为top left（或left top或0% 0% ）
transform-origin取值为right top （或top right 或100% 0% ）
transform-origin取值为bottom right （或right bottom 或100% 100% ）
transform-origin取值为left bottom （或bottom left或0 100% ）
这篇关于tranform值transform-origin的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
