測試方塊 ●上方特效完整原始碼:
.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動畫原碼的特效，歡迎自行修改利用!

WordPress 網址異動，利用 SQL 指令快速更改
📆 2016-02-01
📁 網站技術, 資料庫, SQL, 架站程式, WordPress

無縮圖

HTML基本簡介
📆 2013-01-01
📁 網站技術, HTML

Flickity：超強大的 jQuery 插件！建立全平台都支援的幻燈片或卡片！
📆 2019-01-19
📁 網站技術, HTML, CSS, JavaScript, jQuery

PHP＆Telegram：建立一個機器人並發送訊息至指定對話或頻道中
📆 2022-03-11
📁 網路應用, 網站技術, PHP

Bootstrap 介紹與入門，Bootstrap 5 跟 Bootstrap 3 & 4 的差別
📆 2021-10-27
📁 網站技術, HTML, Bootstrap

Chrome 開發人員工具：關閉快取以偵錯
📆 2019-04-01
📁 軟體應用, 瀏覽器, 網站技術, Google Chrome

JPEG 的兩種渲染方式：Baseline JPEG（標準型）和 Progressive JPEG（漸進式）
📆 2018-11-17
📁 多媒體, 網路應用, 網站技術, 靜圖處理

純 CSS 區塊輪播效果
📆 2021-12-07
📁 網站技術, HTML, CSS