9 בנוב׳ 2012

Code Demo : 3D CSS3 Animation

בתקופה האחרונה אני נתקל יותר ויותר ב אנימציות תלת ממד ב CSS3 ברחבי האינטרנט.

אז עד שנכתוב מדריך בנושא הנה טעימה של מספר דוגמאות יפות בתחום.
שכמובן ניתן ללמוד מהדוגמאות עצמם על אופן השימוש.

אז תהנו..





אנימציה של קוביית מספרים באנימציית 3D ללא JS




אנימציה תלת ממד של כדור הארץ מסתובב סביב עצמו וסביב ציר מרכזי





אנימציה של הנקסוס 7 (עם JS לצורך יכולות הסיבוב של המכשיר במעבר עכבר)




ואחרון חביב  אחד המרשימים כנסו ללינק
אנימציה 3D, שממש יוצרת מציאות של משחק תלת ממד והכל ב CSS3 עם מינימום JS.

אז זהו לדוגמאות ל 3D CSS3 Animations,
יש לכם דוגמאות יפות נוספות, תרשמו לי בתגובות.

אלעד שכטר