測試方塊 ●上方特效完整原始碼:
.csstest{
color: #fff;
width: 70px;
height: 70px;
padding: 5px;
margin-left: 3px;
background:#000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-animation:flash 1s .2s ease both infinite;
-moz-animation:flash 1s .2s ease both infinite;
}
@-webkit-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
@-moz-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
這是用到CSS動畫原碼的特效，歡迎自行修改利用!

PHP 取整數與大小寫轉換函數
📆 2019-06-22
📁 網站技術, PHP

無縮圖

HTML:跑馬燈<marquee>
📆 2013-01-01
📁 網站技術, HTML

jQuery：利用自定義 HTML 屬性打造多國語言的靜態網頁
📆 2020-05-03
📁 網站技術, HTML, JavaScript, jQuery

GitHub Pages x GitHub Desktop：在 GitHub 上建立靜態網站可供即時瀏覽
📆 2020-04-21
📁 軟體應用, 網路應用, 網站技術

PHP：從 MySQL 資料庫中取得資料表的筆數與資料
📆 2019-06-16
📁 網站技術, 伺服器, 資料庫, PHP, SQL

JavaScript：將 HTML 網頁上的區塊轉換成 JPG 圖檔
📆 2020-05-16
📁 網站技術, HTML, JavaScript

Node-RED：讀取及查詢 MySQL 資料庫中的資料表
📆 2021-11-18
📁 網站技術, 資料庫, 物聯網, Node.js, SQL, Node-RED

Node.js：Gulp 運行 gulp-connect 套件，建立前端開發伺服器（Gulp 大展身手！）
📆 2019-03-25
📁 網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp