Search
又係時候諗下個教學做什麼🤔
1: html css 教學（adobe Xd 新版下集）
2: cinema 4d 動畫教學 （r20 新功能）
3: 免費剪片軟件大集合 （Adobe rush / davinci Resolve / headliner )
另外我想固定一個時間做首播，放便大家交流
A: 星期三晚 10點
B: 星期六晚 10點
CSS3 簡易動畫教學
利用 CSS3 也能做出簡單又效果很棒的動畫，這篇教學深入簡出，如果有基本的 CSS 概念就能輕易上手。
[WebTech #79] CSS > 4. CSS 範例 > 4-10 動畫
CSS3 也能做動畫喔！先來看幾個例子吧：
動畫教學文：
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-animations-the-hiccups-and-bugs-youll-want-to-avoid/
彈跳效果：
(1) 教學： http://www.hongkiat.com/blog/css3-bounce-effect/
(2) 範例： http://tympanus.net/codrops/2012/05/22/creating-an-animated-3d-bouncing-ball-with-css3/
搖擺的鈴鐺：
(1) http://inspectelement.com/tutorials/ring-a-bell-with-css-keyframe-animations/
翻頁效果：
(1) http://www.hongkiat.com/blog/css3-3d-transforms/
---
最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp
在流動上網越來越重要的年代，flash 對於網頁設計的重要性比以前減少了很多，取而代之html + Java script + Css 3 ( html 5 ) 便顯得更為重要，所以今集會和大家分享一下，adobe 新推出的 edge 系列裡做 html 5 動畫的 edge animate。
有了這個大集合動畫特輯CSS3檔案，則初始狀態為下圖左（ 0 秒）；滑入過程中的狀態為下圖中（ 0.5 秒）； ... [ CSS教學] CSS Animation 如何用CSS來製作 ... ... <看更多>
瀏覽器會將兩個樣式間的變化形成動畫過渡效果。 指定觸發時機行為，藉由CSS 的擬類別觸發動畫，最常見的是 :hover 。 transition 寫在觸發前 ... ... <看更多>
css動畫教學 在 css animation教學2022-精選在臉書/Facebook/Dcard上的焦點 ... 的推薦與評價
有了這個大集合動畫特輯CSS3檔案，則初始狀態為下圖左（ 0 秒）；滑入過程中的狀態為下圖中（ 0.5 秒）； ... [ CSS教學] CSS Animation 如何用CSS來製作 ... ... <看更多>