3D旋轉不能對齊,元素邊傾斜

2022-07-25 19:39:11 字數 2250 閱讀 2573

>3d導航欄

title

>

9<

style

>

10*

1415

ul 18

19li

2223

ul li

2829

.box

3738

.box:hover

4142

.front,

43.bottom

5455

.front

6162

.bottom

68style

>

69head

>

7071

<

body

>

72<

ul>

73<

li>

74<

div

class

="box"

>

75<

div

class

="front"

>2333

div>

76<

div

class

="bottom"

>1551

div>

77div

>

78li

>

79<

li>

80<

div

class

="box"

>

81<

div

class

="front"

>2333

div>

82<

div

class

="bottom"

>1551

div>

83div

>

84li

>

85<

li>

86<

div

class

="box"

>

87<

div

class

="front"

>2333

div>

88<

div

class

="bottom"

>1551

div>

89div

>

90li

>

91<

li>

92<

div

class

="box"

>

93<

div

class

="front"

>2333

div>

94<

div

class

="bottom"

>1551

div>

95div

>

96li

>

97ul

>

98body

>

99100

html

>

3d導航欄旋轉90度後 bottom元素會變成

這樣,兩條邊會傾斜,而且不能對齊,我自己的解決方法是拉大視距

perspective: 999999px; 不知道有沒有更好的方法。

3D旋轉的時鐘

var hour new date gethours if hour 11 varmins new date getminutes var sec newdate getseconds 秒針,每週走60個單位 varunitsec 2 math.pi 60 分鐘,每週走60 60個單位 varuni...

iOS實現3D旋轉

最近看到了乙個3d旋轉的動畫,就想著自己去實現以下。那麼,接下來就通過這邊文章記錄以下學習過程,慢慢深入了解以下3d旋轉。一 如何旋轉 每個view都在系統的座標系中,就手機螢幕來說,左上角為 0 0 向右橫向的為x軸正方向,向下縱向的為y軸正方向,垂直於手機螢幕的方向既z軸方向。所以z軸的旋轉屬於...

3d模型不能解組 3D列印服務

光敏樹脂3 列印服務 學生作品定做 小批量生產 3d列印 光固化光敏樹脂手板模型製作3d列印服務 3d列印 光 3d列印 光固化 sla 光敏樹脂 手板模型製作 3d列印服務 3d列印 光固化 sla 光敏樹脂 手板模型製作 3d列印服務 原理 sla成型 立體光刻技術 材料 abs光敏樹脂 強度和...