劉任昌CSS動畫animation

德明科大劉任昌程式設計

第一堂課要了解文字編輯器（text editor）、程式解譯器（interpreter）、程式編輯器（compiler）與程式整合開發環境（IDE, Integrated Development Environment）。

課程評分是「自己動手做的程度、品質、了解程度、自我發揮的創意。「動手做」絕對重要！有做，就及格，可以做得慢、可以補教、可以請同學或老師帶你一步一步地做。

以上畫面的程式碼

HEADER因為HTML允許大小寫

今天重點CSS動畫

CSS=Cascading Style Sheet階層式樣式表 cascade連續的、階層的瀑布 my是自訂變數，定義一個動畫的名稱。
division區段,divide分開,劉任昌

留言

  1. Yuci01242024年9月8日 晚上9:00

    作者已經移除這則留言。

    回覆刪除
  2. 歐庭妤2024年9月8日 晚上9:02

    作者已經移除這則留言。

    回覆刪除
  3. 鄭雅心2024年9月8日 晚上9:02

    作者已經移除這則留言。

    回覆刪除
  4. 黃湘盈2024年9月8日 晚上9:12

    作者已經移除這則留言。

    回覆刪除
  5. 歐庭妤2024年9月8日 晚上9:13

    作者已經移除這則留言。

    回覆刪除
  6. 黃湘盈2024年9月8日 晚上9:13

    作者已經移除這則留言。

    回覆刪除
  7. 張岳宸2024年9月8日 晚上9:55

    作者已經移除這則留言。

    回覆刪除
  8. 徐語妏2024年9月9日 凌晨12:12

    https://www.blogger.com/blog/post/edit/4163851023135582598/758896960445389939

    回覆刪除
  9. ting332024年9月9日 凌晨12:13

    https://ting22222.blogspot.com/2024/09/youtube-video-player.html

    回覆刪除
  10. 楊心美2024年9月9日 凌晨1:58

    https://yangsinmei.blogspot.com/2024/09/cssanimation.html

    回覆刪除
  11. 邱暐傑HTML_CSS_JavaScript_Phythoon2024年9月15日 晚上7:47

    作者已經移除這則留言。

    回覆刪除
  12. 金一甲彭奕凱程式設計HTML_Css_javascript_python2024年9月15日 晚上7:51

    作者已經移除這則留言。

    回覆刪除
  13. 金一甲彭奕凱程式設計HTML_Css_javascript_python2024年9月15日 晚上7:57

    作者已經移除這則留言。

    回覆刪除
  14. 邱暐傑HTML_CSS_JavaScript_Phythoon2024年9月15日 晚上8:00

    作者已經移除這則留言。

    回覆刪除
  15. 邱暐傑HTML_CSS_JavaScript_Phythoon2024年9月15日 晚上8:05

    作者已經移除這則留言。

    回覆刪除
  16. 張家榮2024年9月22日 晚上7:25

    作者已經移除這則留言。

    回覆刪除

張貼留言

這個網誌中的熱門文章

20241028.CANVAS

選擇權到期日損益 if (條件) {成立執行;} else {不成立執行;}; 以上的程式碼 <h3>選擇權到期日損益</h3> <canvas id="Canvas210" width="900" height="500"> </canvas> <script> const canvas = document.getElementById("Canvas210"); const BuyPut = canvas.getContext("2d"); BuyPut.beginPath(); BuyPut.moveTo(0,0); BuyPut.lineTo(200,200); BuyPut.lineTo(400,200); BuyPut.strokeStyle = "black"; BuyPut.lineWidth  = 2; BuyPut.font = "32px 標楷體"; BuyPut.fillText("買入賣權Put",200,50); BuyPut.stroke(); const SellPut = canvas.getContext("2d"); SellPut.beginPath(); SellPut.moveTo(0,500); SellPut.lineTo(200,300); SellPut.lineTo(400,300); SellPut.strokeStyle = "black"; SellPut.lineWidth  = 2; SellPut.stroke(); const BuyCall = canvas.getContext("2d"); BuyCall.beginPath(); BuyCall.moveTo(500,200); BuyCall.lineTo(700,200); BuyCall.lineTo(900,0); BuyCall.strokeStyle = "black"; BuyCall.lineWidth  = 2; Buy...
閱讀完整內容

劉任昌學習Bro Code製作計算機

劉任昌學習Bro code製作計算機 + 7 8 9 - 4 5 6 * 1 2 3 / 0 . = 刪 https://www.youtube.com/watch?v=I5kj-YsmWjM Build this JS calculator in 15 minutes! 以上程式碼 <H1>劉任昌學習Bro code製作計算機</H1> <div id="calculator"> <input id="display" readonly></input> <div id="keys">     <button onclick="appendToDisplay('+')">+</button>     <button onclick="appendToDisplay('7')">7</button>     <button onclick="appendToDisplay('8')">8</button>     <button onclick="appendToDisplay('9')">9</button>     <button onclick="appendToDisplay('-')">-</button>     <button onclick="appendToDisplay('4')">4</button>     <button onclick="appendToDisplay('5')">5</button>     ...
閱讀完整內容

劉任昌STYLE,SCRIPT在HTML之後

1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 , 10 , 11 , 12 , 13 , 14 , 15 , 16 , 17 , 18 , 19 , 20 , 21 , 22 , 23 , 24 , 25 , 26 , 27 , 28 , 29 , 30 , 31 , 32 , 33 , 34 , 35 , 36 , 37 , 38 , 39 , 40 , 41 , 42 , 43 , 44 , 45 , 46 , 47 , 48 , 49 , 50 , 51 , 52 , 53 , 54 , 55 , 56 , 57 , 58 , 59 , 60 , 61 , 62 , 63 , 64 , 65 , 66 , 67 , 68 , 69 , 70 , 71 , 72 , 73 , 74 , 75 , 76 , 77 , 78 , 79 , 80 , 81 , 82 , 83 , 84 , 85 , 86 , 87 , 88 , 89 , 90 , 91 , 92 , 93 , 94 , 95 , 96 , 97 , 98 , 99 , 100 , 101 , 102 , 103 , 104 , 105 , 106 , 107 , 108 , 109 , 110 , 111 , 112 , 113 , 114 , 115 , 116 , 117 , 118 , 119 , 120 , 121 , 122 , 123 , 124 , 125 , 126 , 127 , 128 , 129 , 130 , 131 , 132 , 133 , 134 , 135 , 136 , 137 , 138 , 139 , 140 , 141 , 142 , 143 , 144 , 145 , 146 , 147 , 148 , 149 , 150 , 151 , 152 , 153 , 154 , 155 , 156 , 157 , 158 , 159 , 160 , 161 , 162 , 163 , 164 , 165 , 166 , 167 , 168 , 169 , 170 , 171 , 172 , 173 , 174 , 175 , 176 , 177 , 178 , 179 , 180 , 181 , 182 , 183 , 184 , 185 ...
閱讀完整內容