我们可以设置元素转换的中心点 1.语法transform-origin: x y； 2.重点 ●注意后面的参数 x和y用空格隔开 ●xy 默认转换的中心点是元素的中心点(50% 50%) ●还可以给x y设置像素或者方位名词( top bottom left right center ) ?
<style> div { height: 200px; width: 200px; margin: 150px auto; background-color: pink; transition: all 10s; /* transform-origin: 80px 80px; */ transform-origin: bottom right; } div:hover { transform: rotate(10111deg); background-color: purple; box-shadow: 10px 10px 10px red; } </style> </head> <body> <div></div> </body>
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #transformorigin #2D转换中心点笔记 #X #y2重点注意后面的参数 #x和y用空格隔开xy #50还可以给x
