有些內容使用中英雙語,有些只有英文或中文。歡迎使用與分享任何內容,但先來信告知並標示此部落格為出處。
Some parts use both Chinese and English, but some parts use only one language. Feel free to share, but please contact me first and list this blog as your reference.

2014年4月9日 星期三

[網頁] 打造你自己的星系! Build Your Own Galaxy!

今天從 Codecademy 裡面選了一個有趣的主題!
I picked up an interesting topic from Codecademy!

打造你自己的星系! Build your own Galaxy!

用簡單的CSS 就可以作出有趣的效果! 創意造就一切!
Make funny effects from simple CSS. Creativity can make everything!


上圖是擷取圖片,請看這個範例網頁!
Above is just a image, Please check this sample website out!

如大家所見,沒什麼特殊功能!
地球、月球和太陽公轉自轉! XDDD
There is nothing special. Just the Earth, Moon, Sun circle around. XD

我只是改了一下作者的教學而已,我並不是原作!
只是覺得很有趣,所以分享一下我改過的程式
有時間在來加上其他的行星!
There's the original source, I am not the author.
I will add other planets when I have time.

完整的分享(檔案、圖片、程式)請在這邊下載!
Please download the complete files, pictures and programs from HERE.

這邊是 Source code 原始碼! 第一個是Html
It's the source code, and the first one is Html file.


這個是CSS檔 This is CSS file.
If you want to use (copy, paste or quote) my original article, please contact me through email (autek.roy@gmail.com). If there is any mistake or comment, please let me know. :D 

如要使用(複製貼上或轉載)作者原創文章,請來信跟我聯絡 (autek.roy@gmail.com)。如果有發現任何的錯誤與建議請留言或跟我連絡。 : )

沒有留言:

張貼留言

請留下您的任何想法或建議!
Please leave any thought or comment!