遊樂場裡的旋轉木馬是乙個非常好玩的專案，尤其是很多女生都非常嚮往。那麼，生活裡的旋轉木馬尚能如此吸引人，何況計算機中的編碼呢？在我看來，計算機中的旋轉木馬更為可愛，雖然我不能身臨其境，但它比我身臨其境卻要更加滿足~
先來乙個旋轉動物大聚會：
由於上傳的**比較大，就不上傳了。
這個是對這個旋轉木馬截的圖，效果不太明顯，但是隱約可以看到後面存在的小方格，小版塊，其實就是其他的**。
下面獻上我的**，為了以後更加熟練掌握和熟練運用css，在這裡做上乙個筆記。
這個是在 hbuilder 裡面寫的**，效果不錯。
逐一分析css的屬性：
margin：與上面的邊框的相隔的畫素值，與左邊相離畫素值。
from {} to {} 這個表示從0°旋轉到360°。
@keyframes rolldiv :這個是對動畫進行定義，其中rolldiv是這個動畫的名稱，方便在後文中進行引用。
在這裡面的animation裡面便進行了引用，10s表示它整個動畫維持的時間總和，linear infinite 這個則是表示它執行無限次，當然你也可以規定次數，比如3，就表示三次。
下面這個transform-style則表示它這個是3d的效果。
opacity表示它的透明度，最上方的**我定義的為0.9。這個屬性值的範圍是0~1，從全透明變成不透明。
position 表示位置。
在下面來的就是這個我第一次見到的屬性了！
因為我總共10張，然後需要旋轉360°，於是每張旋轉為36°，後面的translatez(500px),表示距離旋轉中心z軸500個畫素。
而前面的nth-child(1~10)表示每一張子。
style這個表示它是3d的效果。，後面這個perspective我的測試效果是，值越大，整體就越矮。
接下來，關於旋轉，這裡列舉時鐘的例子：
首先，不得不說，顏色搭配得不太美觀，但是沒關係，你可以自己嘗試搭配你喜歡的顏色。
**展示：
**看起來也比較容易寫，難度也不算很大。
left——>左間距，top——>上間距。
animation：動畫定義後的實現及完成時間。
animation-iteration-count：次數，這裡是無限次。
transform-origin：這裡表示旋轉中心點分別在width和height的所佔比例，由於，我在追求美觀，希望針尾長度一致，所以這裡的比例便不同。需要程式設計人員自己計算，so easy!
然後結合上面提到的旋轉木馬，其實這個就很容易理解了。
心向旋轉巧得木馬 峰迴路轉偶得時鐘 希望總有一款可以讓我們更加了解css!
旋轉鍊錶 巧轉迴圈鍊錶
給定乙個鍊錶，旋轉鍊錶，將鍊錶每個節點向右移動 k 個位置，其中 k 是非負數。輸入示例 1 2 3 4 5 null,k 2 輸出示例 4 5 1 2 3 null 解釋 向右旋轉 1 步 5 1 2 3 4 null 向右旋轉 2 步 4 5 1 2 3 null c 結構體 definitio...
旋轉陣列中得最小數字
陣列有兩個以上元素 3,4,5,1,2 minindex index1 index2 2 特殊情況 1,0,1,1,1 1,1,1,0,1 按照順序來查詢 if numbers index1 numbers index2 numbers minindex numbers index1 if numb...
6 劍指offer 旋轉陣列得最小數字
把乙個陣列最開始的若干個元素搬到陣列的末尾，我們稱之為陣列的旋轉。輸入乙個非遞減排序的陣列的乙個旋轉，輸出旋轉陣列的最小元素。例如陣列為的乙個旋轉，該陣列的最小值為1。note 給出的所有元素都大於0，若陣列大小為0，請返回0。思路 劍指offer中有這道題目的分析。這是一道二分查詢的變形的題目。旋...