[WebTech #78] CSS > 4. CSS 範例 > 4-9 視覺效果
這篇要介紹三種視覺效果:鏡射、過場動畫、與形變。廢話不多說,讓我們來看看範例:
鏡射(Reflection):
(1) http://www.hongkiat.com/blog/css-reflection/
(2) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/cross-browser-css-reflections-glows-and-blurs/
過場動畫與形變(Transition and Transformation):
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-transitions-and-transforms-from-scratch/
(2) http://www.netmagazine.com/tutorials/more-efficient-css3-transitions
(3) http://tutorialzine.com/2012/02/css3-product-showcase/
(4) http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/
(5) http://www.netmagazine.com/tutorials/get-more-out-your-css-transitions-jquery
---
最棒的 CSS Selector 或 Properties 線上參考手冊:
(進入後,Selector 在中央,Properties 在左下選單)
http://www.w3schools.com/cssref/css_selectors.asp
同時也有1部Youtube影片,追蹤數超過9萬的網紅Dai Wing,也在其Youtube影片中提到,產品資料: 廣源良菜瓜水 Cosmetic 細胞再生B3精 CSS RENEWAL B3 30ML Phyto Lab B3 精華 MISSHA Super Aqua Relief Eye Cream Phytomer Oligopur Hydra-Matifying Control Cre...
beyond css 在 Dai Wing Youtube 的最佳解答
產品資料:
廣源良菜瓜水
Cosmetic 細胞再生B3精 CSS RENEWAL B3 30ML
Phyto Lab B3 精華
MISSHA Super Aqua Relief Eye Cream
Phytomer Oligopur Hydra-Matifying Control Cream
Vaseline Lip Therapy Queen Bee 20g
Beyond Alice in Wonderland Hand Cream
Not a sponsored Video
★Facebook: http://www.facebook.com/daiwing
★Instagram: http://instagram.com/daiwing
★Email: daiwing@vs-media.com