⑴ 音樂播放器裡面的根據頻率跳動的動畫這么用前端程序實現，js，css都可以的，有木有各位大神指點指點
http://www.internetke.com/effects/css3/2015/0803/1694.html
⑵ 前端開發人員如何創建CSS動畫
創建動畫：@keyframes規則。
方式一：from{屬性：值;} to{屬性：值;}
創建動畫
方式二：0%{屬性：值;} 100%{屬性：值;}
0% 是動畫的開始，100% 是動畫的完成。可以在二者之間加入25%，50%等。
將動畫綁定到選擇器：
在樣式中，設置動畫屬性animation，自定義動畫名稱和時長。
animation：動畫名 時長；
此時就可以完成一個簡單的動畫了，要進行更多設置還需要其他屬性。
⑶ css3 實現動畫效果，怎樣使他無限循環動下去
一、實現CSS3無限循環動畫代碼示例。
代碼如下：
CSS:
@-webkit-keyframes gogogo {
0%{
-webkit-transform: rotate(0deg);
border:5px solid red;
}
50%{
-webkit-transform: rotate(180deg);
background:black;
border:5px solid yellow;
}
100%{
-webkit-transform: rotate(360deg);
background:white;
border:5px solid red;
}
}
.loading{
border:5px solid black;
border-radius:40px;
width: 28px;
height: 188px;
-webkit-animation:gogogo 2s infinite linear ;
margin:100px;
}
(3)前端動畫擴展閱讀
實現動畫無限循環所需要的CSS屬性說明：
1、infinite
在animation後面加上infinite就可以無限循環，另外還可以做反向循環使用animation-direction
2、animation-name
規定需要綁定到選擇器的 keyframe 名稱。
3、animation-ration
規定完成動畫所花費的時間，以秒或毫秒計。
4、animation-timing-function
規定動畫的速度曲線。
5、animation-delay
規定在動畫開始之前的延遲。
6、animation-iteration-count
規定動畫應該播放的次數。
7、animation-direction
規定是否應該輪流反向播放動畫。
⑷ 關於前端PC和移動端動畫
你電腦什麼配置。。。手機什麼配置。。。所有電腦的視頻網站在手機等移動端都做了視頻優化的。
⑸ 常見前端動畫效果演算法有資料可以學習嗎，因為動畫效果還是挺重要的，以前一般都是用到jquery的animate
你說的本質是css3要做的。
了解css3的特性即可實現動畫。
⑹ 網站里的動畫效果一般是由UI設計師做還是web前端工程師做
你可以先去【繪學霸】網站找「動畫製作技術」板塊的【免費】視頻教程-【點擊進入】完整入門到精通視頻教程列表： www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=310&zdhhr-11y17r-936109209153729292
想要系統的學習可以考慮報一個網路直播課，推薦CGWANG的網路課。老師講得細，上完還可以回看，還有同類型錄播課可以免費學（贈送終身VIP）。
自製能力相對較弱的話，建議還是去好點的培訓機構，實力和規模在國內排名前幾的大機構，推薦行業龍頭：王氏教育。
王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】：
www.cgwang.com/course/ysdhaaa/?zdhhr-11y17r-936109209153729292
在「動畫製作技術」領域的培訓機構里，【王氏教育】是國內的老大，且沒有加盟分校，都是總部直營的連鎖校區。跟很多其它同類型大機構不一樣的是：王氏教育每個校區都是實體面授，老師是手把手教，而且有專門的班主任從早盯到晚，爆肝式的學習模式，提升會很快，特別適合基礎差的學生。
大家可以先把【繪學霸】APP下載到自己手機，方便碎片時間學習——繪學霸APP下載： www.huixueba.com.cn/Scripts/download.html
⑺ 2017web前端還能用到css動畫嗎
當然能用到，而且已經有許多設計師做了一些動畫。
⑻ 前端實現動效動畫需要學習前端里的什麼技術
首先考慮css動畫然後考慮js。
velocity：很全面的JavaScript動畫庫
vivus：可以動態描繪 SVG 的 JS 庫, 支持多種動畫
Web Animation：Javascript 實現的 Web Animation API
scrollReveal.js：使元素以非常酷帥的方式進入畫布 (Viewpoint)
snabbt.js：一個利用 Javascript 和 CSS transform 的 animation 庫
transit：jquery實現的css動畫
matter-js：2D 物理效果引擎，碰撞、彈跳等
parallax：一個用於響應智能手機 orientation 的庫
focusable：是頁面上一個元素高亮的庫，關燈效果
sensor.js：在智能移動設備瀏覽器上，通過HTML5的api使用移動設備的功能。定位、運動、傾斜等
animatable：僅僅依靠 border-width 和 background-position 實現的各種動態效果
Bounce.js：漂亮的css3動畫庫
GreenSock：基於svg，很強大的動畫效果，High-performance HTML5 animations that work in all major browsers.
dynamics.js：彈性物理效果
⑼ Web前端設計師和3D動畫師，目前在中國這兩個行業哪個更有發展潛力
你可以先去【繪學霸】網站找「動畫製作技術」板塊的【免費】視頻教程-【點擊進入】完整入門到精通視頻教程列表： www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=310&zdhhr-11y04r-388037100
想要系統的學習可以考慮報一個網路直播課，推薦CGWANG的網路課。老師講得細，上完還可以回看，還有同類型錄播課可以免費學（贈送終身VIP）。
自製能力相對較弱的話，建議還是去好點的培訓機構，實力和規模在國內排名前幾的大機構，推薦行業龍頭：王氏教育。
王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】：
www.cgwang.com/course/ysdhaaa/?zdhhr-11y04r-388037100
在「動畫製作技術」領域的培訓機構里，【王氏教育】是國內的老大，且沒有加盟分校，都是總部直營的連鎖校區。跟很多其它同類型大機構不一樣的是：王氏教育每個校區都是實體面授，老師是手把手教，而且有專門的班主任從早盯到晚，爆肝式的學習模式，提升會很快，特別適合基礎差的學生。
大家可以先把【繪學霸】APP下載到自己手機，方便碎片時間學習——繪學霸APP下載： www.huixueba.com.cn/Scripts/download.html
⑽ 什麼前端框架可做出絢麗的動畫
這問題我覺得你要多看看書啊
打個比方 UI就相當於一桌菜 CSS就好比番茄蛋湯
UI框架 通常指 web前端UI框架 還有APP UI框架,很寬泛的 只要是用戶用的那一部分封裝起來 都可以叫UI框架
CSS嘛 基本是要基於HTML的 沒辦法自己運行 做成框架 那隻是對頁面的布局 效果 動畫做一定的預設 是UI的一部分