**文章
css3中新增的新屬性@keyframes動畫是迴圈的，而transform只執行一遍.
animation是用來為元素實現動畫效果的，但是animation無法單獨擔當起實現動畫的效果。承載動畫的另乙個屬性——@keyframes。使用的時候為了相容可加上-webkit-、-o-、-ms-、-moz-、-khtml-等字首以適應不同的瀏覽器。
@keyframes animationname }
描述animationname
必需。定義動畫的名稱。
keyframes-selector
必需。定義動畫的名稱。
合法的值：
1. 0-100%
2. from（與 0% 相同）
3. to（與 100% 相同）
css-styles
必需。乙個或多個合法的 css 樣式屬性。
名字為gif的@keyframes，動畫完成需要的總時長為1.4s,剛開始的時候旋轉為0度，動畫完成的時候旋轉360度
.load-border
@keyframes gif
100%
}
名字為mymove的@keyframes，動畫完成需要的總時長為1s,剛開始的時候距頂部距離為0px，0.25s後距頂部距離為200px，0.5s後距頂部的距離為100px，以此類推
.img
@keyframes mymove
25%
50%
75%
100%
}
在乙個動畫中改變多個 css 樣式：
@keyframes mymove
100%
}
CSS3的 keyframes用法詳解
css3的 keyframes用法詳解 此屬性與animation屬性是密切相關的，關於animation屬性可以參閱css3的animation屬性用法詳解 一章節。一.基本知識 keyframes翻譯成中文，是 關鍵幀 的意思，如果用過flash應該對這個比較好理解，當然不會flash也沒有任何...
Feign詳解與例項
feign是一種負載均衡的http客戶端,使用feign呼叫api就像呼叫本地方法一樣，從避免了呼叫目標微服務時，需要不斷的解析 封裝json 資料的繁瑣。feign整合了ribbon。ribbon eureka是面向微服務程式設計，而feign是面向介面程式設計。fegin是乙個宣告似的web服務...
Ribbon詳解與例項
ribbon是乙個為客戶端提供負載均衡功能的服務，它內部提供了乙個叫做iloadbalance的介面代表負載均衡器的操作，比如有新增伺服器操作 選擇伺服器操作 獲取所有的伺服器列表 獲取可用的伺服器列表等等。需要解決的問題 如何在配置eureka client註冊中心時不去硬編碼eureka ser...