帖子
帖子
用户
博客
课程
显示全部楼层
286
帖子
2
勋章
7万+
Y币

[多端开发] transform-origin 这个在 avm 中该如何使用

[复制链接]
发表于 2021-8-30 15:51:48
transform-origin 这个 样式名,该如何使用,我 transform-origin:100px 100px; 这么使用完全没有任何效果,在实时预览和 安卓上面都没有效果
380
帖子
4
勋章
6
Y币
  1. <template>
  2.         <scroll-view class="main" scroll-y>
  3.                 <view class="aa">
  4.             <view class="bb"></view>
  5.         </view>
  6.         </scroll-view>
  7. </template>
  8. <style>
  9. .main {
  10.         width: 100%;
  11.         height: 100%;
  12. }
  13. .group {
  14.         flex-direction: row;
  15. }
  16. label {
  17.         margin: 5px;
  18. }
  19. .aa {
  20.         position: relative;
  21.         height: 200px;
  22.         width: 200px;
  23.         margin: 100px;
  24.         padding: 10px;
  25.         border: 1px solid black;
  26. }

  27. .bb {
  28.         padding: 50px;
  29.         position: absolute;
  30.         border: 1px solid black;
  31.         background-color: yellow;
  32.         transform: rotate(45deg);
  33.         transform-origin: 20% 40%;
  34.         -ms-transform: rotate(45deg); /* IE 9 */
  35.         -ms-transform-origin: 20% 40%; /* IE 9 */
  36.         -webkit-transform: rotate(45deg); /* Safari and Chrome */
  37.         -webkit-transform-origin: 20% 40%; /* Safari and Chrome */
  38.         -moz-transform: rotate(45deg); /* Firefox */
  39.         -moz-transform-origin: 20% 40%; /* Firefox */
  40.         -o-transform: rotate(45deg); /* Opera */
  41.         -o-transform-origin: 20% 40%; /* Opera */
  42. }
  43. </style>
  44. <script>
  45. export default {
  46.         name: 'test',
  47.         methods: {
  48.                
  49.         }
  50. }
  51. </script>
复制代码
您需要登录后才可以回帖 登录

本版积分规则