🔥 ให้การทำ Animation ในเว็บเป็นเรื่องง่ายกว่าที่คิด ! ใครจะไปรู้แค่ 1 - 2 บรรทัด แอนิเมชันก็ออกมาแล้วว กับ Animate.css
.
สำหรับใครที่อยากเพิ่มแอนิเมชัน ขยับนั่นนี่ในเว็บ ไม่ต้องมานั่งเขียนกันเองให้ปวดมือแล้ว เพราะเจ้าตัวนี้มันใช้ง่ายมาก ๆ ๆ ๆ
.
<3 แถมยังมีรูปแบบการขยับพื้นฐานกว่า 50 แบบ++ อีกด้วยย
.
มาลองใช้งานอ่าน doc เต็ม ๆ ได้ที่นี่เลย : https://animate.style/
.
ต้องบอกเลยว่าตัวอย่างสวยงามจัด ๆ ลองดู Example เขาได้ 555
.
แต่ใครอยากอ่านแบบง่าย ๆ แอดแนะนำเว็บนี้น้าา : https://www.blog.duomly.com/how-to-use-animate-css-tutorial-with-examples/
.
⭐️ ใครเคยใช้แล้วก็มาแบ่งปันประสบการณ์กันได้ ใครมีอันเจ๋งกว่านี้เอามาแชร์ให้แอดใต้โพสต์ หรือ IB ก็ได้นะคร้าบบบ
.
#borntoDev - 🦖 Digital Academy ให้การพัฒนาทักษะเทคโนโลยีเป็นเรื่องสนุกไปพร้อมกับเรา
同時也有3部Youtube影片,追蹤數超過2萬的網紅hktuto 設計教學,也在其Youtube影片中提到,支持請分享及讚好 ? 第一集 : https://www.youtube.com/watch?v=9dh1GEg3NdQ&t=10s 第二集 : https://www.youtube.com/watch?v=UUvnOid-134 本集教材 - XD File : http://otclou...
「animate css」的推薦目錄:
- 關於animate css 在 BorntoDev Facebook 的最讚貼文
- 關於animate css 在 hktuto 設計教學 Youtube 的最讚貼文
- 關於animate css 在 hktuto 設計教學 Youtube 的最佳貼文
- 關於animate css 在 hktuto 設計教學 Youtube 的精選貼文
- 關於animate css 在 jQuery 筆記- Animate.css 套件基本認識 - 提姆寫程式 的評價
- 關於animate css 在 Animate.css - GitHub 的評價
- 關於animate css 在 Animate.CSS Replay? - Stack Overflow 的評價
animate css 在 hktuto 設計教學 Youtube 的最讚貼文
支持請分享及讚好 ?
第一集 : https://www.youtube.com/watch?v=9dh1GEg3NdQ&t=10s
第二集 : https://www.youtube.com/watch?v=UUvnOid-134
本集教材 -
XD File : http://otcloud.synology.me:5000/d/f/474276844682620069
GitHub : https://github.com/hktuto/xd-auto-animate-tutorial
TinyPNG : https://tinypng.com/
VS Code : https://code.visualstudio.com/
CSS Gradient: https://cssgradient.io/
Hammer js : https://hammerjs.github.io/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
html 入門系列
https://hktuto.org/%E5%9F%BA%E7%A4%8E-html-css-js-%E6%95%99%E5%AD%B8/
css 排版系列
https://hktuto.org/css-%E5%9F%BA%E7%A4%8E%E6%8E%92%E7%89%88/
animate css 在 hktuto 設計教學 Youtube 的最佳貼文
支持請分享及讚好 ?
上集 : https://www.youtube.com/watch?v=9dh1GEg3NdQ&t=10s
本集教材 -
XD File : http://otcloud.synology.me:5000/d/f/474276844682620069
GitHub : https://github.com/hktuto/xd-auto-animate-tutorial
TinyPNG : https://tinypng.com/
VS Code : https://code.visualstudio.com/
CSS Gradient: https://cssgradient.io/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
html 入門系列
https://hktuto.org/%E5%9F%BA%E7%A4%8E-html-css-js-%E6%95%99%E5%AD%B8/
css 排版系列
https://hktuto.org/css-%E5%9F%BA%E7%A4%8E%E6%8E%92%E7%89%88/
animate css 在 hktuto 設計教學 Youtube 的精選貼文
在流動上網越來越重要的年代,flash 對於網頁設計的重要性比以前減少了很多,取而代之html + Java script + Css 3 ( html 5 ) 便顯得更為重要,所以今集會和大家分享一下,adobe 新推出的 edge 系列裡做 html 5 動畫的 edge animate。
animate css 在 Animate.css - GitHub 的推薦與評價
Animate.css supports the prefers-reduced-motion media query so that users with motion sensitivity can opt out of animations. ... <看更多>
animate css 在 jQuery 筆記- Animate.css 套件基本認識 - 提姆寫程式 的推薦與評價
安裝Animate.css 套件,可以讓網頁動化效果更豐富,可使用CSS 設定跟JavaScirpt 控制。 安裝. npm 安裝. 1, $ npm install animate.css --save ... ... <看更多>