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

無縮圖

CSS:碰觸後寬度緩慢增加
📆 2013-01-01
📁 網站技術, CSS

修改 .htaccess 隱藏網址列的 .php 副檔名
📆 2019-06-15
📁 網站技術, 資訊安全, 伺服器, PHP

PHP：運用 foreach 輸出一維及二維陣列所有的索引及其值
📆 2022-02-10
📁 網站技術, PHP

Node.js：處理多層目錄檔案（Gulp、mozjpeg 批次圖片壓縮 - 延伸篇）
📆 2019-03-30
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp

純 CSS 做到網頁元素水平垂直置中、置中央
📆 2020-03-05
📁 網站技術, HTML, CSS

無縮圖

CSS:文字光亮特效
📆 2013-01-01
📁 網站技術, CSS

HeidiSQL：遠端連線虛擬主機 MySQL 以備份資料庫為 SQL 檔
📆 2022-09-11
📁 軟體應用, 網站技術, 伺服器, 資料庫, SQL

Node.js：jpg、jpeg、JPG、JPEG 通通不遺漏的進行壓縮（Gulp、mozjpeg 批次圖片壓縮 - 延伸篇）
📆 2019-09-30
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp